javascript - Django 在客户端上传之前调整图像大小

标签 javascript django html image upload

我在保存之前使用PIL调整图像大小,但忘记了客户端上传图像(有时非常大的图像),必须等待很长时间才能将图像传输到服务器。

我认为最好的方法是通过客户端,可能使用 html5 和 JavaScript。我发现了这个:http://hacks.mozilla.org/2011/01/how-to-develop-a-html5-image-uploader/但它没有显示任何有效的示例,并且没有在 Django 诱人的语言上下文中显示它。我还发现了这个:

Image resize before upload它说它可以在工具包和 Mozilla 浏览器中运行。

有没有一个 JavaScript 库可以做到这一点并且也可以与 IE 一起使用?有 Django 模板语言示例吗?

最佳答案

您是否通过提交表单来上传图片?这个:http://blueimp.github.io/jQuery-File-Upload/将在浏览器中显示进度条,并可以使用 Javascript 调整客户端中的图像大小。它也是跨浏览器兼容的。

但是,它确实需要在 django 中实现 ajax,并且样式使用 jquery-ui,这可能不适合您设计的其余部分。

如果有帮助的话,我可以发布一些示例代码,这里有一个示例 django 项目:https://github.com/sigurdga/django-jquery-file-upload ,或 SO 的示例:How to add image into a post in django .

关于javascript - Django 在客户端上传之前调整图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20012107/

相关文章:

javascript - JS - 比较哪个日期较早

Django 与 celery : scheduled task (ETA) executed multiple times in parallel

javascript - 上传之前先剪切图片吗?

javascript - 在javascript中获取绝对路径

javascript - 在 Word 2010 中使用 Office.js

html - Mozilla Firefox 表示 Referenceerror 事件未定义,没有解决方案

python - 如何向 django-registration-redux 添加额外字段

python - 如何清除Django中的表单数据

php - 关于我的 Google Recaptcha 代码

jquery - 为什么我的选择框拒绝更改 Firefox 中的背景颜色?