Apacheサーバーをセットアップし、サーバーにページを配置して、問題を解決しました。だから私はこの問題がクロームのセキュリティ設定によって引き起こされていることを知っています。
ローカルWebページにローカルファイルへのアクセスを許可することは可能ですか?
ローカル画像をドラッグできるページを作成します。これが私のコードですが、Chromeでは機能しません
問題は、reader.onloadイベントがトリガーされず、代わりにonerrorがトリガーされたことです。
それで、理由は何ですか?そしてそれを修正する方法は?どうもありがとう。
var oImg=document.getElementById("img1");
oImg.addEventListener('dragover', function(e) {
e.stopPropagation();
e.preventDefault();
}, false);
oImg.addEventListener('drop', handleDrop, false);
function handleDrop(e) {
e.stopPropagation();
e.preventDefault();
var thisfile = e.dataTransfer.files[0],
reader = new FileReader();
reader.onload = (function(thisfile){
return function(e){
oImg.src = e.target.result;
}
}
})(thisfile);
reader.readAsDataURL(thisfile);
}