我目前正在创建一个上传应用程序,我希望图像在用户上传之前显示在浏览器中。我在让图像正常工作时遇到问题。我可以渲染最后修改的文件名,但我无法让 dataurl 工作。
这是我的渲染脚本。该脚本基本上加载一个页面,并应在加载的 div 中呈现图像。但现在,我只能渲染文件名。如果你们能帮助我,我将不胜感激。我已经花了 2 天时间试图让这项工作无济于事。
$('#MainPageUploadFormFile').change(function(){
$('#MainPageContainer').fadeOut()
.load('AlbumEdit').hide()
.slideDown();
var img = document.getElementById('MainPageUploadFormFile');
setTimeout(function(){
// $('#PictureColumn ul').append('<li>' + name + '</li>');
for (var i = 0; i < img.files.length; ++i) {
var name = img.files.item(i).name;
$('#PictureColumn ul').append('<li>' + name + '</li>');
}
},100);
});