首页新闻找找看学习计划

img标签中src访问非当前目录下的文件,采用绝对路径,为什么会显示Not allowed to load local resource?

0
[已解决问题] 解决于 2018-04-26 13:28

img标签中src访问非当前目录下的文件,采用绝对路径,为什么会显示Not allowed to load local resource?

具体情况如下

糖拌西红柿的主页 糖拌西红柿 | 菜鸟二级 | 园豆:203
提问于:2018-04-24 13:50
< >
分享
最佳答案
0

看了下你的代码,是想实现上传图片预览的功能

由于浏览器的安全策略,html5之前是无法获取本地文件的,都是通关flash来实现这个功能

html5添加了FileReader类,可以通过readAsDataURL方法获取图片的dataurl然后预览出来

在项目中为了保持兼容性,一般是上传后再将服务器上该图片的url返回设置到img标签预览

奖励园豆:5
幻影gool | 菜鸟二级 |园豆:257 | 2018-04-24 18:44

var fr = new FileReader();
var $img = $('.index-bd .bd .img-wrap img').eq(0);
var imgUrl = fr.readAsDataURL(new Blob(['@ViewBag.path'], { type: "text/plain" }));
$img.attr('src', imgUrl);

是这样实现吗?

sunzhengbo | 园豆:153 (初学一级) | 2018-09-06 10:06
其他回答(4)
0

要相对路径。。。。

华临天下 | 园豆:1247 (小虾三级) | 2018-04-24 14:01

要做一个文件上传的预览,不能确认要选择的图片位置,怎么用相对路径……

支持(0) 反对(0) 糖拌西红柿 | 园豆:203 (菜鸟二级) | 2018-04-24 14:05

@糖拌西红柿: 你文件的相对路径好找吧?直接加图片的名称不就是相对路径了?

实在不行的话,直接在后台给你拼接一个路径出来也行了啊。。。

支持(0) 反对(0) 华临天下 | 园豆:1247 (小虾三级) | 2018-04-24 14:37

@华临天下: 你无法确认你要选的图片在哪个文件夹下,可能我需要上传的图片在D盘某个文件夹下,第二个可能就是在E盘下某个文件夹下。而且这个代码是要打包放到服务器的,所以也无法确认这个文件的路径……

支持(0) 反对(0) 糖拌西红柿 | 园豆:203 (菜鸟二级) | 2018-04-24 14:41

@糖拌西红柿:  直接甩锅,跟后台说我要相对路径。。。

支持(0) 反对(0) 华临天下 | 园豆:1247 (小虾三级) | 2018-04-24 15:07
0

是file的问题.你用http就行了.

吴瑞祥 | 园豆:28731 (高人七级) | 2018-04-24 14:12

控制台是不报错了,可是为什么我js部分修改了src以后,图片显示不出来?

支持(0) 反对(0) 糖拌西红柿 | 园豆:203 (菜鸟二级) | 2018-04-24 14:19

@糖拌西红柿: 修改src后是会有一个请求的.在网络请求里能看到.要是看不到.说明你改的代码有问题

支持(0) 反对(0) 吴瑞祥 | 园豆:28731 (高人七级) | 2018-04-24 14:36

@吴瑞祥: 有请求,可是页面效果上,就是显示不出来图片……

支持(0) 反对(0) 糖拌西红柿 | 园豆:203 (菜鸟二级) | 2018-04-24 14:45

@糖拌西红柿: 这种一般都是低级错误.慢慢找原因吧.不在边上也没法给你调

支持(0) 反对(0) 吴瑞祥 | 园豆:28731 (高人七级) | 2018-04-24 14:47

@吴瑞祥: 好吧,我再试试

支持(0) 反对(0) 糖拌西红柿 | 园豆:203 (菜鸟二级) | 2018-04-24 14:48
0

你放在加密文件夹上了?

good_idea | 园豆:74 (初学一级) | 2018-04-24 17:10

不是,只是单纯的普通文件上传

支持(0) 反对(0) 糖拌西红柿 | 园豆:203 (菜鸟二级) | 2018-04-24 17:22

1.看你这个编译器,应该要区分大小写的。图片格式的后缀大小写也要注意。(后面是深坑)

2.路劲上尽量不要有英文,图片布存在上锁的文件中(这个可能性极小)

 

 

支持(0) 反对(0) good_idea | 园豆:74 (初学一级) | 2018-04-24 17:23

@糖拌西红柿: 图片格式。jpg和JPG   png和PNG是不一样的。这个坑以前踩过

支持(0) 反对(0) good_idea | 园豆:74 (初学一级) | 2018-04-24 17:24
0

Not allowed to load local resource

翻译成中文是:不允许加载本地资源

用户选择一个文件,然后触发change事件,你读取val ,得到了这个文件的地址。

但是这个地址指向的是用户机器上的本地资源(“file:///。。。”这种),和“非当前目录”没有关系。

西漠以西 | 园豆:1670 (小虾三级) | 2018-04-24 17:36
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册