转载

发表于 2016年04月24日
浏览 (814)
评论 (0)

图片上传控件angluar-webuploader

简述

最近公司做个项目需要使用AngularJS重新封装图片上传控件，支持IE低版本等，之间看过 JQuery-File-Upload ，尝试使用了一些，觉得文件太多，不好修改；最后使用 webuploader 时因为其简洁的界面和使用方便；

angluar-webuploader 是使用angular指令封装的webuploader demo，弹窗上传图片，缩略图展示列表，翻页效果；支持点击缩略图查看大图详情；

截图

图片上传控件angluar-webuploader

图片上传控件angluar-webuploader

图片上传控件angluar-webuploader

使用

本demo没有给出java后台代码，后台代码也简单，一个文件读写+图片压缩，返回结果参考以下 json 格式；

然后将图片上传接口请求地址在 app.js 配置后即可。


{
 "status":true,//上传成功状态
 "newName":"/test/temp/upload/picture/20160422/c0c0b8f7bc574ec88f891ff834b79bab.jpg",//原图片路径
 "thumbName":"/test/temp/upload/picture/20160422/thumb/c0c0b8f7bc574ec88f891ff834b79bab.jpg"//缩略图路径
}

源码地址，欢迎学习交流

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

原文 http://giscafer.com/2016/04/23/project-angluar-webuploader/

正文到此结束

所属分类：编程技术

本文标签： web UI http java jquery src 配置 AngularJS 缩略图 js json https App git 代码源码 GitHub
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

热门推荐

openfire数据库安装指南

浏览(13,739) 评论(0)
Caffe 深度学习框架上手教程

浏览(10,453) 评论(0)
ReactiveCocoa入门教程：第一部分

浏览(11,285) 评论(0)
开源HIDS-OSSEC使用实例:监测CC攻击

浏览(11,192) 评论(0)
Decorators in ES7

浏览(15,735) 评论(4)
用Electron（Atom编辑器的兄弟项目）开发桌面应用

浏览(28,761) 评论(0)
Windows下JetBrains CLion中文输出乱码的解决方法

浏览(12,212) 评论(1)
同步-@synchronized, NSLock, pthread, OSSpinLock性能比较

浏览(11,176) 评论(0)
Seaweedfs之Volume读请求重定向

浏览(25,453) 评论(3)
HTML、CSS及JavaScript ：有Promise，不会搞大肚子

浏览(13,312) 评论(0)

相关文章

阿里云首购8折

Loading...

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[HBLOG]公众号

HBLOG

HBLOG