小编典典

使用 AngularJS 上传文件

all

这是我的 HTML 表单:

<form name="myForm" ng-submit="">
    <input ng-model='file' type="file"/>
    <input type="submit" value='Submit'/>
</form>

我想从本地机器上传一张图片,并想读取上传文件的内容。这一切我都想用 AngularJS 来做。

当我尝试打印它的值时,$scope.file它是未定义的。


阅读 63

收藏
2022-04-20

共1个答案

小编典典

这里的一些答案建议使用FormData(),但不幸的是,这是 Internet Explorer 9
及更低版本中不可用的浏览器对象。如果您需要支持那些较旧的浏览器,您将需要一个备份策略,例如使用<iframe>或 Flash。

已经有很多 Angular.js 模块来执行文件上传。这两个对旧版浏览器有明确的支持:

还有其他一些选择:

其中之一应该适合您的项目,或者可以让您深入了解如何自己编写代码。

2022-04-20