2

特定のコードがあり、Google chrome では正常に動作しますが、IE9 では動作しません。div があり、画像をコンピューターから div にドラッグすると、Google Chrome に読み込まれますが、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>

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; 
};

何が問題でしょうか??

4

2 に答える 2

3

HTML5ファイルAPI は IE9 ブラウザではサポートされていません

UPD:および IE9 での HTML5ドラッグ アンド ドロップAPI のサポートは部分的なものであり、お試しの部分 ( dataTransfer.files) はサポートされていません。ここでは、HTML5 API のドラッグ アンド ドロップをサポートしているブラウザーを確認できます。

于 2012-09-03T10:41:47.340 に答える
1

残念ながら、IE10 バージョン 2010.3 まではサポートされていません。現在使用しているバージョンを確認してください。

于 2012-09-03T10:44:06.697 に答える