django - 在Django中选择文件后预览照片
问题描述
我找不到有关此主题的信息。如何在选择照片后(在保存表单之前)轻松地在 Django 中创建照片预览。如以下视频所示:
是否有任何简单的插件可以实现这一点?我认为以这种模式发送照片非常流行(即照片的缩略图,然后保存整个模型)。
解决方案
在您的 django 模板中,您可以编写一个小脚本来显示用户选择的图像的预览。在模板中:
<!-- To display image -->
<img id="myimage" src="xyz" > </div>
<!-- To upload new image -->
<input name="images" onchange="readURL(this);" type="file" accept="image/*"/>
在同一模板中:
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#myimage').attr('src', e.target.result);
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
推荐阅读
- angular - mat-tab-group 不是 Angular 9 中的已知元素
- google-tag-manager - Google Tag Manager:如何访问存储在数组中的购物篮内容?
- java - 如何将此过滤器从特定 AD 组更改为组织中的所有 AD 组?
- java - 无法使用 Selenium Java webdriver 单击锚点 href 元素
- javascript - 如何将电话号码显示为移动设备而不是桌面设备上的链接?
- c++ - 2D 矢量声明给出类型规范错误
- ionic-framework - 离子打印机它不打印单个元素
- c++ - 如果禁止动态内存分配,程序会是什么样子?
- java - 嵌套循环转换为 Java Stream
- python-3.x - 从 for 循环创建的多个 tkinter 复选框收集输入