浏览器预览本地资源文件

浏览器预览本地资源文件

由于浏览器安全策略的限制，javascript程序不能自由地访问本地资源，这是对用户信息安全来说，是一项不得不遵守的准则。假如网络上的javascript程序可以自如地访问用户主机的本地资源，那么浏览器用户将毫无安全可言。尽管有这个安全限制，但是在得到用户允许的情况下，浏览器还是可以访问本地资源的。

获得用户允许的方法就是通过标签来让用户手动选择文件，这一过程就是用户授予访问权限的过程。

例如：

<input type="file" ref="picers" accept="image/*" @change="picEvent"/>

我们设置一个input输入框，类型是文件，指定只能上传图片类型的限制。并添加了一个事件去监听获取了哪一张图片。

调用方法

picEvent (e) {
    if (e.target.files[0