如何从html5文件上传中提取图像的数据网址

时间:2012-06-07 23:17:08

标签: jquery html5 upload fileapi

我目前正在创建一个上传应用,我希望在用户上传之前,图片会显示在浏览器中。我遇到了让图像工作的问题。我可以渲染文件名,最后修改但我不能为我的生活让dataurl工作。

这是我的渲染脚本。 此脚本基本上加载页面,并应在加载的div中呈现图像。但是现在,我只能渲染文件的名称。如果你们能帮助我,我真的很感激。我已经花了两天的时间试图让这项工作无济于事。

$('#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);
});

1 个答案:

答案 0 :(得分:0)

您是否只是想在上传之前看到您选择的图片?

Preview an image before it is uploaded