web不允许页面直接读取本地硬盘资源

读取文件只能在项目下读取

如果你的页面html文件是放在本地的，比如用浏览器打开桌面上的html文件，是可以访问本地图片文件的。
如果你的html是在web服务器上的，即浏览器的地址是http://xxx.xxx/xx.html而不是file:///C:/xxx.html，那么是不允许打开file://开头的本地图片的，这是出于安全考虑的。这种情况下你可以按F12看看浏览器的错误信息是不是“not allowed to load local resource”。