File API 이들 모두 작동하지 않는 이유는 둘 다 html5 파일 api를 구현했기 때문입니다.
여기에 a html5 demo of the api입니다. 참고로
<script>
var holder = document.getElementById('holder'),
state = document.getElementById('status');
if (typeof window.FileReader === 'undefined') {
state.className = 'fail';
} else {
state.className = 'success';
state.innerHTML = 'File API & FileReader available';
}
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) {
console.log(event.target);
holder.style.background = 'url(' + event.target.result + ') no-repeat center';
};
console.log(file);
reader.readAsDataURL(file);
return false;
};
</script>
: 여기
그들은 데모를 경우에 해당 스크립트를 제거 당신이 크롬에 로컬 컴퓨터에있는 파일에 액세스해야하는 경우이 스위치 --allow-file-access-from-files
를 사용하여 프로그램을 실행해야 (실제로 서버에로드하지 않고 파일 입력을 사용하는 경우 xhr 도메인 간 오류가 발생 함).
나는 파이어 폭스에서 이에 상응하는 것들을 모른다.
모든 웹 사이트에서이 작업을 수행 할 수 있다고 상상해보십시오. 항상! –
그래, 좋지 않을거야. 이것은 인트라넷 사이트이므로 우리는 너무 걱정하지 않습니다. –