Firefox和IE中的图像源分配

时间:2011-12-15 11:19:17

标签: javascript jquery html file upload

我在使用JQuery上传之前正在进行图像预览,它正在使用chrome和opera,但它在Firefox中不起作用。这是代码。

       (function() {
        var result = document.getElementById('pnlZoom'),
    load = function(e) {
        e.preventDefault();
        window.loadImage(
            (e.dataTransfer || e.target).files[0],
            function(img) {
                                   var source = img.src;
                                   $("#img").attr("src",source);                    
                                   alert("Image source is: "+img.src);
                               }
        );
    };
        document.ondragover = function(e) {
            e.preventDefault();
            e.dataTransfer.dropEffect = e.dataTransfer.effectAllowed = 'copy';
        };
        document.ondrop = load;
        document.getElementById('file-input').onchange = load;
    } ());

任何人都可以帮我在Firefox和IE中找到src的问题。或者在所有五个主要浏览器中使用任何其他更好的解决方案?

1 个答案:

答案 0 :(得分:1)

如果您可以毫无问题地找到图像,那么只需使用纯DOM方法:

source = img.getAttribute("source"); //where img is a variable

如果你找不到img那么你需要先做。