圖片上傳控件angluar-webuploader

Noe05L 8年前發布 | 29K 次閱讀 Web框架 angularjs

簡述

最近公司做個項目需要使用AngularJS重新封裝圖片上傳控件，支持IE低版本等，之間看過 JQuery-File-Upload ，嘗試使用了一些，覺得文件太多，不好修改；最后使用 webuploader 時因為其簡潔的界面和使用方便；

angluar-webuploader 是使用angular指令封裝的webuploader demo，彈窗上傳圖片，縮略圖展示列表，翻頁效果；支持點擊縮略圖查看大圖詳情；

截圖

使用

本demo沒有給出java后臺代碼，后臺代碼也簡單，一個文件讀寫+圖片壓縮，返回結果參考以下 json 格式；

然后將圖片上傳接口請求地址在 app.js 配置后即可。

{
    "status":true,//上傳成功狀態
    "newName":"/test/temp/upload/picture/20160422/c0c0b8f7bc574ec88f891ff834b79bab.jpg",//原圖片路徑
    "thumbName":"/test/temp/upload/picture/20160422/thumb/c0c0b8f7bc574ec88f891ff834b79bab.jpg"http://縮略圖路徑
}

源碼地址，歡迎學習交流

https://github.com/giscafer/angular-webuploader

來自： http://giscafer.com/2016/04/23/project-angluar-webuploader/

 本文由用戶 Noe05L 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！