JSON

AngularJS教程十二

字号+ 作者:H5之家 来源:H5之家 2017-07-10 16:01 我要评论( )

文件上传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:定义文件上传指

文件上传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的值来再次提交导入。

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • jQuery向后台传入json格式数据的方法教程

      jQuery向后台传入json格式数据的方法教程

      2017-07-10 18:01

    • 微信小程序视频教程(零基础实战培训)

      微信小程序视频教程(零基础实战培训)

      2017-07-10 13:06

    • 小程序介绍、部署、app.json

      小程序介绍、部署、app.json

      2017-07-09 08:02

    • 在Unity中读写文件数据:LitJSON快速教程

      在Unity中读写文件数据:LitJSON快速教程

      2017-07-06 17:03

    网友点评