验证图像文件类型/文件大小,裁剪,调整大小然后上传

Question

我正在寻找一个客户端解决方案,以验证上传的图像是否是接受的文件类型,文件大小然后按照用户的指示裁剪图像,重新调整大小以适应某些特定尺寸,然后上传重新尺寸和优化的图像到服务器.

是否有任何知名的开源库可以帮助我实现这一点？(不需要上传多个文件).我不想自己实现这个并寻找能够提供跨浏览器兼容解决方案的库,以及旧/不支持的浏览器的后备.

我遇到了plupload和敏捷上传器,但是那些根据用户指示裁剪图像没有帮助.

---

使用jQuery 1.7.如果需要,也可以打开以添加其他库.

Answer 1

请使用以下命令在客户端检查文件大小：

<script type="text/javascript">
    $('#image-file').bind('change', function() {
        alert('This file size is: ' + this.files[0].size/1024/1024 + "MB");
    });
</script>

如果您需要一个插件类型用于整个项目，您可以看看这个。

如果您正在寻找多个上传器，请使用此。