javascript - Firefox 和 IE 中的图像源分配

Question

我正在使用 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 的问题吗？或者在所有五种主要浏览器中还有其他更好的工作解决方案吗？

Answer 1

如果您可以毫无问题地找到图像，那么只需使用普通的 DOM 方法即可:

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

如果您找不到 img，那么您需要先这样做。