图片上传带裁剪功能Jquery插件

共20个文件

css：5个

gif：5个

js：4个

图片上传

需积分: 9 29 下载量 152 浏览量 2017-12-02 15:25:54 上传评论收藏 32KB RAR 举报

温馨提示

实现图片上传及图片裁剪功能，时间比较仓促，目前只允许单图片有裁剪功能，其中图片裁剪用到了imgareaselect插件，其实前端是伪裁剪，将裁减坐标传递给后台处理，需后台配合

资源推荐

资源详情

资源评论

收起资源包目录

uploadPic.rar （20个子文件）

uploadPic

index.html 488B

img

new_06.png 1KB

loading.gif 7KB

new_03.png 1KB

jquery.imgareaselect.min.js 14KB

jquery.imgareaselect.pack.js 8KB

jquery.esupload.js 15KB

jquery.imgareaselect.js 21KB

css

border-anim-v.gif 219B

border-v.gif 72B

select.css 194B

border-h.gif 72B

imgareaselect-deprecated.css 651B

imgareaselect-default.css 775B

imgareaselect-animated.css 789B

border-anim-h.gif 219B

style.css 4KB

.idea

uploadPic.iml 458B

workspace.xml 12KB

inspectionProfiles

modules.xml 270B

共 20 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片上传</title> <link href="css/style.css" rel=stylesheet> <link href="css/imgareaselect-default.css" rel=stylesheet> </head> <body> <div id="uploadpic"></div> <script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="js/jquery.esupload.js"></script> <script> (function(){ $("#uploadpic").esupload(); }()); </script> </body> </html>

评论收藏

内容反馈

资源评论