Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从未在IE9中工作的计算机上载图像_Javascript_Jquery_Internet Explorer - Fatal编程技术网

Javascript 从未在IE9中工作的计算机上载图像

Javascript 从未在IE9中工作的计算机上载图像,javascript,jquery,internet-explorer,Javascript,Jquery,Internet Explorer,我有一个特定的代码,它可以在谷歌浏览器上正常工作,但在IE9上不行。 我有一个div,我把一个图像从电脑拖到div上,它会加载到googlechrome上,但不会加载到IE9上。请帮帮我 <div id="holder" ></div> <p id="status"> Please Drag your image from computer and paste it on the div to view it. </p&

我有一个特定的代码,它可以在谷歌浏览器上正常工作,但在IE9上不行。 我有一个div,我把一个图像从电脑拖到div上,它会加载到googlechrome上,但不会加载到IE9上。请帮帮我

<div id="holder" ></div> 
    <p id="status">
        Please Drag your image from computer and paste it on the div to view it.
    </p>
</div>
有什么问题吗???

IE9浏览器不支持HTML5 API

UPD:和IE9中的HTML5API支持只是部分,您正在尝试的部分(
dataTransfer.files
)不受支持。您可以看到哪些浏览器支持拖放HTML5API

IE9浏览器不支持HTML5API


UPD:和IE9中的HTML5API支持只是部分,您正在尝试的部分(
dataTransfer.files
)不受支持。您可以看到哪些浏览器支持拖放式HTML5API,恐怕在IE10版本2010.3之前不支持
请检查您目前使用的版本

恐怕在IE10版本2010.3之前不支持该版本

检查您目前使用的版本

在共享您的代码在什么是IE9 2010.3版?我想你是说IE10。是的,很抱歉打错了。编辑。IE9根本不支持它,它将从IE10 2010.3起得到支持。然而,以前的IE版本似乎都支持它,我最近下载了IE9。但我找不到IE10。发布了吗?是的,发布了预览版和RTM版。注意,您需要使用Win7或更高版本的操作系统(RTM仅使用Win8)我可以从何处下载此文件的任何特定链接?提前感谢什么是IE9版本2010.3?我想你是说IE10。是的,很抱歉打错了。编辑。IE9根本不支持它,它将从IE10 2010.3起得到支持。然而,以前的IE版本似乎都支持它,我最近下载了IE9。但我找不到IE10。发布了吗?是的,发布了预览版和RTM版。注意,您需要使用Win7或更高版本的操作系统(RTM仅使用Win8)我可以从何处下载此文件的任何特定链接?提前谢谢,非常感谢兄弟对你的帮助。我还有一个问题。我包括用于拖放的jquery插件,我也尝试使用fancybox插件。所以当我加入fancybox插件时,d拖放功能停止工作。你知道有什么问题吗?提前感谢:)如果没有您的代码和/或错误消息,就无法判断错误。好的。我正在使用这3个插件。如果使用两个不同版本的jQuery,请选择一个。你不需要他们中的两个,他们可能会相互冲突。对不起,马克西姆,但我在这件事上是个无赖。你能告诉我你是如何区分插件的吗?非常感谢兄弟对你的帮助。我还有一个问题。我包括用于拖放的jquery插件,我也尝试使用fancybox插件。所以当我加入fancybox插件时,d拖放功能停止工作。你知道有什么问题吗?提前感谢:)如果没有您的代码和/或错误消息,就无法判断错误。好的。我正在使用这3个插件。如果使用两个不同版本的jQuery,请选择一个。你不需要他们中的两个,他们可能会相互冲突。对不起,马克西姆,但我在这件事上是个无赖。你能告诉我如何区分插件吗?
var holder = document.getElementById('holder'), 
state = document.getElementById('status'); 

if (typeof window.FileReader === 'undefined') { 
    state.className = 'fail'; 
} else { 
   state.className = 'success'; 
   state.innerHTML = 'Please Drag your image from computer and paste it on the div to view it.'; 
} 

holder.ondragover = function () { 
    this.className = 'hover'; 
    return false; 
}; 

holder.ondragend = function () { 
    this.className = ''; 
    return false; 
}; 

holder.ondrop = function (e) { 
    this.className = ''; 
    e.preventDefault();    
    var file = e.dataTransfer.files[0], 
    reader = new FileReader(); 
    reader.onload = function (event) { 
        alert(event); 
        console.log(event.target); 
        holder.style.background = 'url(' + event.target.result + ') no-repeat center'; 
    }; 

    console.log(file); 
    reader.readAsDataURL(file);
    return false; 
};