时间戳

首页 > 解决方案 > 如何显示上传的图像（通过拖放和从计算机上传文件）？

javascript - 如何显示上传的图像（通过拖放和从计算机上传文件）？

问题描述

我正在尝试使用 jquery fileupload 显示上传的图像。我想同时支持拖放和从计算机上传正常文件。但是，我只能显示被删除的文件。我希望上传的图片在div #uploadedImg上传后显示。我究竟做错了什么？

这是我的jsfiddle（代码不适合代码片段，因为我找不到用于jquery上传的cdn）：http: //jsfiddle.net/ja5q7u0x/7/

标签： javascriptjqueryhtmljquery-ui

解决方案

所以这就是我必须做的，1.在你的文件上传函数定义中你没有提到输入ID。线#1216

fileInput: '#up1',

  1. 在您的添加函数中查看第 1221 行- 我将其更改为期望来自输入字段的值

var dataTransfer = e.originalEvent.dataTransfer|| e.originalEvent.target;

只是为了方便起见，我拒绝输入 type=file Line#1261的 id

这是固定代码。 http://jsfiddle.net/ja5q7u0x/22/

推荐阅读