Javascript 从未在IE9中工作的计算机上载图像
我有一个特定的代码,它可以在谷歌浏览器上正常工作,但在IE9上不行。 我有一个div,我把一个图像从电脑拖到div上,它会加载到googlechrome上,但不会加载到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&
<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
)不受支持。您可以看到哪些浏览器支持拖放HTML5APIIE9浏览器不支持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;
};