文件上传ed-uploader

ed-uploader使用了angular-file-upload来进行上传。

一 使用方法:

<div ed-uploader class="ng-uploader list" ng-model="files" data-options="accept: 'image/*', multiple: true" ed-upload-dir="自定义目录"></div>
	

ed-uploader:定义文件上传指令,文件会上传到服务器配置文件中project.nginxControl所指定的目录下。

  • 通过data-options设置的属性:
    • multiple:单选还是多选,默认false单选。单选时ng-model绑定的值为一个json,多选时为array
    • accept:允许上传文件类型,默认为*,用法同input file
  • ed-upload-dir:指定attachment.path下特定的目录,上面实例会保存在attachment.path下“自定义目录”目录下

json格式为:

{     
	author: "admin"     
	name: "安全规范V1.2.docx"     
	size: "2823324"     
	time: "2016-01-29 17:29:29"     
	type: "docx"     
	path: "文件保存路径,不包含文件统一的文件夹,数据库应该保存这个路径"     
	url: "文件下载完整路径" } 

多选情况下,通过class='list'来控制多选时显示文件列表,单选和不加list则不显示文件列表(自己通过{{}}方式来绑定)。如图: enter image description here

如需上传导入,则可以监听绑定$scope.$watch的值来再次提交导入。

版权及转载说明

本站原创、转载文章欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区

本站转载文章版权归原作者所有,如发现本站文章涉嫌侵权请点击「联系我们」反馈,本站将给予删除