$(function () {
$( "input:file" ).on('change', function (e) {
$('#fileContentList').empty();
for (var i = 0; i < e.target.files.length; i++) {
var file = e.target.files[i];
if (file) {
var r = new FileReader();
r.file = file;
r.readAsDataURL(file);
r.onload = function(e) {
var contents = e.target.result;
var thisfile = this.file;
$('#fileContentList').append("<span>文件名: " + thisfile.name + "<br>文件类型: " + thisfile.type
+ "<br>文件大小: " + thisfile.size + " bytes<br><img src='"+contents+"'></span>");
}
} else {
alert("选择文件失败");
}
}
});
})
jquery的解释一下每条代码的意思
- 写回答
- 好问题 0 提建议
- 关注问题
- 邀请回答
-
2条回答
shadowfromsun 2016-12-21 04:04关注格式化一下代码不会么?这是文件选择器,如果文件选择按钮发生了变化,就去找文件,找到输出文件信息,找不到弹窗显示选择失败。
解决 无用评论 打赏 举报