我從我的電腦上傳圖像文件。然後我使用filereader來讀取文件並預覽上傳的圖像。在Firefox中它工作正常。但在chrome中,一切正常,但reader.readAsDataURL();的輸出。在鍍鉻中空了。Filereader無法在鍍鉻
這裏是我的代碼,
<body>
<form name="Upload" enctype="multipart/form-data" method="post">
Filename: <INPUT type="file" id="submit">
<INPUT type="button" id="send" value="Upload">
</form>
<div
id="div"
align="center"
style="height: 200px;width: 500px;border-style: ridge;border-color: red">
</div>
</body>
<script type="text/javascript">
document.getElementById('send').onclick=function()
{
var imag = document.createElement("img");
var thumbnail = document.getElementById("div");
if(document.all) {
imag.src = document.getElementById('submit').value;
}
else {
function handlefilereader(evt){
var target = evt.target || evt.srcElement;
imag.src = evt.target.result;
}
var reader = new FileReader()
reader.onload = handlefilereader;
reader.readAsDataURL(document.getElementById('submit').files[0]);
}
thumbnail.appendChild(imag);
}
</script>
我測試你的代碼上[ jsFiddle](http://jsfiddle.net/Calou/5Qea9/),它在Chrome中對我很有用。 – Calvein 2012-07-19 09:49:56
那爲什麼不在我的電腦上工作?我的鍍鉻版是20.0 ... !!! – MJQ 2012-07-19 09:52:00
@Calvin你在PC上運行Chrome嗎? – MJQ 2012-07-19 10:07:44