角度文件上传和预览

时间:2015-08-30 14:21:30

标签: angularjs asp.net-web-api ng-file-upload

我正在使用ng-file-upload库将文件发布到我的后端Web Api。文件发布后,我将其保存到以下文件夹

"~/App_Data/Tmp/FileUploads/"

并保存我的数据库的路径。

现在我进入编辑模式;我想预览所有上传的文件(照片)。但是当我使用像

这样的东西时
ng-src="path"

我得到了

"Not allowed to load local resource"

这是从磁盘提供文件时的正确方法吗?

1 个答案:

答案 0 :(得分:0)

该路径是服务器路径而不是客户端路径,因此确保无法正常工作。

您需要在服务器上安装一个端点,以允许下载带有id或name / path的文件,然后将img的src设置为该URL。

实施下载端点取决于您的后端技术。

如果您处于编辑模式,您仍然可以访问刚使用的文件对象,那么您可以这样做:

<img ngf-src="file">