Not allowed to load local resource 又一解决方法

为什么会有这篇文章，之前我所讲的方法是创建两个路径，但这是提交服务器之后的，

今天我又做了这样的情况：现在没有提交，但是选择文件后，又显示图片预览怎么办？？？

好在也是有方法，这让我查到了用 HTML5 的 File API

---

//建立一个可存取到 file 的 url,file 必须是对象
//主要是使用 HTML5 的 File API,建立一个可存取到该 file 的 url
function getObjectURL(file) {
    var url = null;
    if (window.createObjectURL != undefined) {
        //基本的
        url = window.createObjectURL(file);
    } else if (window.URL != undefined) {
        //火狐
        url = window.URL.createObjectURL(file);
    } else if (window.webkitURL != undefined) {
        //谷歌
        url = window.webkitURL.createObjectURL(file);
    }
    return url;
}

嗯，这里再讲下。

对于 input[type='file']

当你上传后，你可以打印 this.files[0]或者 files 看看情况

可知 this.files[0]就存了我们 html5 api 需要的对象