jquery上传在ie9中不起作用答案

【问题标题】：jquery upload doesn't work in ie9jquery上传在ie9中不起作用
【发布时间】：2014-03-28 08:30:11
【问题描述】：

您好，我有一个小问题，请您帮帮我

html部分

<input type="file" id="browse" name="browse" size=""  placeholder="Photo" checked="checked" class="upload"/>
<input type="button" onclick="javascript:onbrowse()"  class="unknown" value="test"/>
<div class="qaq"></div>

css部分

.unknown, .qaq, .qaq img {
    width: 200px;
    height: 200px;
}

脚本部分

$(".upload").change(function () {
    var fileObj = this,
        file;

    if (fileObj.files) {
        file = fileObj.files[0];
        var fr = new FileReader;
        fr.onloadend = changeimg;
        fr.readAsDataURL(file)
    } else {
        file = fileObj.value;
        changeimg(file);
    }
});

function onbrowse() {
    document.getElementById('browse').click();
}

function changeimg(str) {
    if(typeof str === "object") {
        str = str.target.result; // file reader
    }

    $(".unknown").css({"background-size":  "100px 100px",
                       "background-image": "url(" + str + ")"});
    $( ".qaq" ).append( "<img src='"+str+"' />" );
}

jsfiddle 示例

http://jsfiddle.net/wU3Vu/

在ie9中，如果你添加一些图片上传，则不显示图片。

但在其他浏览器中它工作正常...请帮助。

谢谢

【问题讨论】：

标签： jquery html upload

【解决方案1】：

fileObj.value 返回文件系统路径。不能设置为图片的src属性。

更多详情：在其他浏览器中它可以工作，因为它们支持 HTML5 FileAPI 功能http://caniuse.com/#feat=fileapi。如您所见，IE9 不支持此功能，无法在客户端访问文件。

【讨论】：