什么是HTML5的Filereader粘贴图像的解决方案

时间:2015-08-13 11:23:16

标签: javascript html5 image file-upload filereader


我将首先向你们展示代码:

var oFile = $('#attached-file')[0].files[0];
var oImage = document.getElementById('UserImg');
        var oReader = new FileReader();
        oReader.readAsDataURL(oFile);
        oReader.onload = function (e) {
            oImage.src = e.target.result;
            oImage.onload = function () {

                    $('#UserImg').show();
                    $('#UserImg').Jcrop({
                        onChange: updateInfo,
                        onSelect: updateInfo,
                        minSize: [150, 160],
                        setSelect: [150, 160, 50, 50]
                    });
            }
        }

问题是,如果我使用FileUploader(#adored-file)上传多个图像,旧的图像会保留,我会同时获得多个图像。 所以我可以在加载新的iamge之前重置img clear吗?
谢谢

0 个答案:

没有答案