使用AngularJS进行文件上传

前端之家收集整理的这篇文章主要介绍了使用AngularJS进行文件上传前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的HTML表单:
<form name="myForm" ng-submit="">
    <input ng-model='file' type="file"/>
    <input type="submit" value='Submit'/>
</form>

我想从本地计算机上传图像,并想要读取上传文件内容。所有这一切,我想使用AngularJS。

当我尝试打印$ scope.file的值它来自未定义。

这里的一些答案建议使用FormData(),但不幸的是,这是一个浏览器对象不可用Internet Explorer 9及以下。如果您需要支持这些旧版的浏览器,则需要使用备份策略,例如使用或Flash。

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

> https://github.com/leon/angular-upload – 使用iframe作为后备广告
> https://github.com/danialfarid/ng-file-upload – 使用FileAPI / Flash作为后备

和一些其他选项:

> https://github.com/nervgh/angular-file-upload/
> https://github.com/uor/angular-file
> https://github.com/twilson63/ngUpload
> https://github.com/uploadcare/angular-uploadcare

其中一个应该适合你的项目,或者可以给你一些洞察如何自己编码。

猜你在找的Angularjs相关文章