关于: 关于头像上传这个东西,网上一搜乱七八糟的一堆然而很少很少有自己中意的插件一怒之下就自己写一个... 用法: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文件提交</title> <!--jcrop组件--> <link rel="stylesheet" h…
第三百九十节,Django+Xadmin打造上线标准的在线教育平台—Django+cropper插件头像裁剪上传 实现原理 前台用cropper插件,将用户上传头像时裁剪图片的坐标和图片,传到逻辑处理函数里,在逻辑处理函数里接收原始图片进行保存,然后接收用户的裁剪坐标,利用python的Pillow模块图像处理模块里的PIL(图像库),将原始图片根据用户裁剪坐标进行裁剪 有两个重点:第一要准备好cropper头像裁剪插件,第二python环境要安装好Pillow模块 htnl页面 编写htnl页…
flash中有版权声明,不适合商业开发.这是官网地址:http://www.hdfu.net/ 本文参考了http://blog.csdn.net/yafei450225664/article/details/12855915     并且加入了自己的解析,以供之后的参考. 官网提供的demo包,包含了php,jsp,asp,aspx的demo. 1.Demo中,avatar.swf是执行上传的flash文件:default.jpg是默认显示的图片:demo.html是demo,可以直接复制里面…
第一次写头像裁剪上传,原本想着直接本地预览裁剪再上传,可是时间有限,jquery.jcrop貌似并没有对 假设是ie下图片预览效果是滤镜做的  做出对应处理,也没有时间去改;仅仅好将就一下先把图片上传上去再预览 1.先看一下我引入的js <script src="${adminBasePath}resources/js/jquery.1.8.3.js"></script> <script src="${adminBasePath}resource…
百度编辑器图片上传Jsueditor.all.min.js 下载链接 链接:https://pan.baidu.com/s/1VNgw9ELgRRHKeCQheFkQTw 提取码:fnfi 使用方法: 替换原来的 ueditor.all.min.js  NPM 本地快速DEMO:( 前端 ) 创建一个文件夹:执行如下命令: 再到浏览器运行 localhost:3000 ;( 需要配置本地服务器:修改ueditor.config.js 文件的 serverUrl 的值为本地服务器域名入口,默认为:…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上传js文件</title> <style> div{ width: 200px; height: 150px; background: yellow; } </style> </head> <body> &l…
最近在做个人头像的上传,具体是能调用摄像头和从相册进行选择.本篇文章参考的我的同学的博客,大家有兴趣可以去原作者那里去看看: Hi(.・∀・)ノ (cnblogs.com) 1.使用glide进行图片的展示效果 关于glide 2.PermissionGen动态权限获取 关于PermissionGen 代码: 一.准备工作 1.在AndroidManifest.xml添加权限 <uses-permission android:name="android.permission.INTERNE…
文件上传报错(commons-fileupload包和commons-io包不支持JDK版本) 这个bug可把我弄惨了!!!我代码是想通过写个文件上传,我写的文件上传需要用到commons-fileupload包和commons-io包.结果给我报这一错,特无语,弄了好久. 首先看到报错中的序号1和序号3的位置,我就去仔细检查了一遍又一遍的代码,确认是我代码真的没有问题.此处报错说我代码365行有问题,我365行是 ,说白了就是请求转换的问题呗,但我表示无能为力. 然后我又去看到报错中的序号3,…
先看一下整体效果 页面html <div class="row"> <div class="tabs-container"> <ul class="nav nav-tabs"> <li> <a style="color: #676a6c;padding: 10px 30px 10px 40px;"> 上传头像<span style="color:red…
思路:先打开相册,选取图片,在剪切图片,转化为base64格式,然后上传到七牛存储,返回url,再传给后端,整个流程就是这样.用的是angular框架,图像插件用到imagecropper.js,废话不多说,直接上代码. 效果: 用到的插件 <!DOCTYPE html> <html lang="en" ng-app=""> <head> <meta name="viewport" content=&qu…