图片上传控件angluar-webuploader

Noe05L 3年前
   <h2>简述</h2>    <p>最近公司做个项目需要使用AngularJS重新封装图片上传控件,支持IE低版本等,之间看过 JQuery-File-Upload ,尝试使用了一些,觉得文件太多,不好修改;最后使用 <a href="/misc/goto?guid=4959671456467984793" rel="nofollow,noindex">webuploader</a> 时因为其简洁的界面和使用方便;</p>    <p>angluar-webuploader 是使用angular指令封装的webuploader demo,弹窗上传图片,缩略图展示列表,翻页效果;支持点击缩略图查看大图详情;</p>    <h2>截图</h2>    <p><img src="https://simg.open-open.com/show/b6cd51c57bedfc452b96144075d707fa.png"></p>    <p><img src="https://simg.open-open.com/show/ee1b9bb8e54bd2b9580561ed75b92ebc.png"></p>    <p><img src="https://simg.open-open.com/show/ce7ce30c56d902c569ade5ee214377f3.png"></p>    <h2>使用</h2>    <p>本demo没有给出java后台代码,后台代码也简单,一个文件读写+图片压缩,返回结果参考以下 json 格式;</p>    <p>然后将图片上传接口请求地址在 app.js 配置后即可。</p>    <pre>  <code class="language-javascript">{   "status":true,//上传成功状态   "newName":"/test/temp/upload/picture/20160422/c0c0b8f7bc574ec88f891ff834b79bab.jpg",//原图片路径   "thumbName":"/test/temp/upload/picture/20160422/thumb/c0c0b8f7bc574ec88f891ff834b79bab.jpg"//缩略图路径  }  </code></pre>    <p>源码地址,欢迎学习交流</p>    <p><a href="/misc/goto?guid=4959671456550954659" rel="nofollow,noindex">https://github.com/giscafer/angular-webuploader</a></p>    <p>来自: <a href="/misc/goto?guid=4959671456636594198" rel="nofollow">http://giscafer.com/2016/04/23/project-angluar-webuploader/</a></p>