有没有办法选择图片的上传文件大小？ [复制]

Question

所以我有这个标准输入文件代码

<Label class="custom-file-upload">
   <input type="file" onChange={onDrop} />
   Upload Photo
</Label>

我想限制用户可以上传的文件的大小，这显然可以使用 javascript 来完成。但我想知道是否有任何方法可以为他们决定图像大小

我注意到，当我在测试时选择 3.8mb 的图像，但在我的 iPhone 上我可以做到Choose Image Size，当我选择大（最大选项）时，它说图像是 562kb，这太疯狂了更小更适合我。我不想存储比我需要的更大的图像，原因很明显

就像我说的，我知道我可以验证这一点，但我担心如果用户（尤其是非技术用户）被告知图片太大，他们可能会反弹或不上传。我知道这有点牵强，但如果有办法以某种方式影响它会很好

如果可能的话告诉我

Answer 1

AFAIK 没有这样的 API。我同意非技术用户被告知图像太大可能会令人沮丧。您可以考虑的一个选项是使用此库 - pica 在客户端选择任何用户选择并调整其大小。它有很好的浏览器支持，并利用了网络工作者或 WebAssembly。