//html 页面如下
<div class="form-group">
<label class="col-sm-2 control-label">上传头像</label>
<div class="col-sm-6">
<input id="appHiddenMain" type="hidden" name="img" value="https://images.gagahi.com/images/default/male.png" />
<input type="file" id="photo" accept="image/*">
<img style="width:160px;" src="https://images.gagahi.com/images/default/male.png" id="imgd1" />
</div>
</div> <script type="text/javascript">
$('#photo').change(function () {
var _this = $(this)[0],
_file = _this.files[0],
fileType = _file.type;
if (/image\/\w+/.test(fileType)) {
//提示
var index = layer.open({
content: '图片上传中...'
, skin: 'msg'
});
var fileReader = new FileReader();
fileReader.readAsDataURL(_file);
fileReader.onload = function (event) {
var result = event.target.result; //返回的dataURL
var image = new Image();
image.src = result;
image.onload = function () { //创建一个image对象,给canvas绘制使用
var cvs = document.createElement('canvas');
var scale = 1;
if (this.width > 1000 || this.height > 1000) { //1000只是示例,可以根据具体的要求去设定
if (this.width > this.height) {
scale = 1000 / this.width;
} else {
scale = 1000 / this.height;
}
}
cvs.width = this.width * scale;
cvs.height = this.height * scale; //计算等比缩小后图片宽高
var ctx = cvs.getContext('2d');
ctx.drawImage(this, 0, 0, cvs.width, cvs.height);
var newImageData = cvs.toDataURL(fileType, 0.8); //重新生成图片,<span style="font-family: Arial, Helvetica, sans-serif;">fileType为用户选择的图片类型</span>
var sendData = newImageData.replace("data:" + fileType + ";base64,", '');
$.post('${base}/file/upload/sendImg.do', {imgCode: sendData}, function (data) {
if (data != '') {
$('.modify_img').attr('src', newImageData);
$("#appHiddenMain").val(data);
$("#imgd1").attr("src",data);
layer.closeAll();
} else {
layer.closeAll();
layer.open({
content: '上传失败'
, skin: 'msg'
});
}
});
} }
} else {
layer.open({
content: '请选择图片格式文件'
, skin: 'msg'
});
}
});
</script>

java代码如下

package com.aaa.qiniu;

import java.io.ByteArrayInputStream;
import java.io.IOException; import com.qiniu.common.QiniuException;
import com.qiniu.common.Zone;
import com.qiniu.http.Response;
import com.qiniu.storage.Configuration;
import com.qiniu.storage.UploadManager;
import com.qiniu.util.Auth;
import com.aaa.utils.UUIDGenerator; import sun.misc.BASE64Decoder; public class CoverUpload {
// 上传到七牛后保存的文件名
//String key = "gagaTest.json";
// 上传文件的路径
//String filePath = "D:\\gagaTest.json"; // 密钥配置
private static Auth auth = Auth.create(QiniuConfig.ACCESS_KEY, QiniuConfig.SECRET_KEY);
// 创建上传对象
private static UploadManager uploadManager = new UploadManager(new Configuration(Zone.zone0())); // 覆盖上传
private static String getUpToken(String key) {
// <bucket>:<key>,表示只允许用户上传指定key的文件。在这种格式下文件默认允许“修改”,已存在同名资源则会被本次覆盖。
// 如果希望只能上传指定key的文件,并且不允许修改,那么可以将下面的 insertOnly 属性值设为 1。
// 第三个参数是token的过期时间
return auth.uploadToken(QiniuConfig.bucketname, key/*, 3600, new StringMap().put("insertOnly", 1)*/);
} public static boolean upload(String filePath, String key) throws IOException {
try {
// 调用put方法上传,这里指定的key和上传策略中的key要一致
Response res = uploadManager.put(filePath, key, getUpToken(key));
// 打印返回的信息
System.out.println(res.bodyString());
} catch (QiniuException e) {
Response r = e.response;
// 请求失败时打印的异常的信息
System.out.println(r.toString());
try {
// 响应的文本信息
System.out.println(r.bodyString());
} catch (QiniuException e1) {
// ignore
}
return false;
}
return true;
} //采用的html5 压缩 传输base64方式
public static boolean uploadHtml5(String imgStr,String key)
{
BASE64Decoder decoder = new BASE64Decoder();
try {
//Base64解码
byte[] b = decoder.decodeBuffer(imgStr);
for (int i = 0; i < b.length; ++i) {
if (b[i] < 0) {//调整异常数据
b[i] += 256;
}
} ByteArrayInputStream byteInputStream = new ByteArrayInputStream(b);
// 调用put方法上传,这里指定的key和上传策略中的key要一致
Response response = uploadManager.put(byteInputStream, key, getUpToken(key), null, null);
// 打印返回的信息
System.out.println(response.bodyString());
} catch (Exception e) {
e.printStackTrace();
// 请求失败时打印的异常的信息
System.out.println(imgStr);
return false;
}
return true;
} // public static void main(String args[]) throws IOException {
// new CoverUpload().upload("C:\\Users\\Administrator\\Desktop\\ip2222222.jpg","tianwenhui111333.jpg");
// }
}

java 七牛上传图片到服务器(采用的html5 压缩 传输base64方式)的更多相关文章

  1. MWEB+七牛 上传图片

    MWEB+七牛 上传图片 博客之前的图片也都用的七牛,但编辑和上传分离还是很麻烦,所以一直很心水meb, 上周mweb降到¥50,感觉短期内应该不会再降了,于是果断入手,今天在和使用图床功能遇到了一些 ...

  2. android上引入七牛 上传图片或者文件 最终整理版本(可用)

    前言: 以下是引入七牛的步骤,以及在七牛中上传文件和获取文件private 私密地址. 生成上传凭证和获取下载凭证 具体如果使用过程有什么疑问可以加QQ(备注:七牛问题). 1:导入相关的包(注意是4 ...

  3. 七牛上传图片视频demo

    /引入Plupload .qiniu.js后 varuploader = Qiniu.uploader({ runtimes:'html5,flash,html4',//上传模式,依次退化 brows ...

  4. koa-ueditor上传图片到七牛

    问题描述:服务器系统架构采用的是koa(并非koa2),客户端富文本编辑器采用的是百度的ueditor控件.现在需要ueditor支持将图片直接上传到七牛云. 前提:百度的ueditor需要在本地配置 ...

  5. flask开发restful api系列(4)--七牛图片服务

    上一章我们讲到如何利用alembic来更新数据库,这章,我们讲如何通过七牛服务来存储图片. 像我们大多数公司一样,公司资金比较少,如果自己开发图片服务器,代价太大:如果我们用自己的网站服务器来保存图片 ...

  6. 百度地图 ijintui以及七牛、百度编辑器、kindeditor

    密码是明文存储的 sig错误是因为params没拼接上md5后的秘钥,测试时候可以在 Api\Controller\CommonController\_initialize 方法里注释掉效验的代码 代 ...

  7. OpenWrite 编辑器如何配置七牛云图床

    感谢用户 mutiantong.cn 的创作分享,原文链接:https://www.jianshu.com/p/29f33ca6e491 1. 配置七牛云 1.1 通过七牛云链接购买七牛云对象存储, ...

  8. JAVA简单上传图片至七牛

    utils package com.example.demo.utils; import com.alibaba.fastjson.JSONObject; import com.qiniu.commo ...

  9. node+express上传图片到七牛

    本人微信公众号:前端修炼之路,欢迎关注 最近做项目的时候有一个上传图片的需求,由于没有后端的配合,所以决定自己来搭个服务器,实现上传图片功能.以后如果需要修改成java或者php为后端,直接使用即可, ...

随机推荐

  1. laravel 中条件查询 function模式

    当需要条件查找时,可以使用下面的注入方法: //我要预约 yudoc_name yudoc_keshi yudoc_jibing yudoc_hospital 这是需要帅选的条件 public fun ...

  2. str_split的用法(PHP学习)

    str_split的用法: 先看看PHP手册是怎么说的 array str_split ( string $string [, int $split_length = 1 ] ) str_split返 ...

  3. 搭建Ganglia乱码及其他问题总汇

    搭建Ganglia乱码及其他问题 搭建完Ganglia监控后图像显示正常,但是文字却显示都是小方框,最后确定是由于系统缺少字体导致的, /usr/share/fonts/  Centos默认存放字体的 ...

  4. 蓝桥杯 基础练习 BASIC-12 十六进制转八进制

    基础练习 十六进制转八进制   时间限制:1.0s   内存限制:512.0MB 问题描述 给定n个十六进制正整数,输出它们对应的八进制数. 输入格式 输入的第一行为一个正整数n (1<=n&l ...

  5. Error EBUSY: osd.0 is still up; must be down before removal的解决办法

    标签(空格分隔):ceph,ceph运维,osd故障 集群环境: [root@node3 ~]# cat /etc/redhat-release CentOS Linux release 7.3.16 ...

  6. mysql特性及部署规范

    --分支版本,mysql对cpu,内存,io子系统资源利用特点--oracle mysql,mariadb,percona server--部署规范建议,系统安装,mysql安装,其他规范互联网业务为 ...

  7. python2 encode和decode函数说明

    字符串编码常用类型:utf-8,gb2312,cp936,gbk等. python中,我们使用decode()和encode()来进行解码和编码 在python中,使用unicode类型作为编码的基础 ...

  8. 程序实现DataGrid过滤设置

    给gdv_pro.ActiveFilterString赋值就能直接控制DataGrid过滤 gdv_pro.ActiveFilterString语法: 最简单方式:gdv_pro.ActiveFilt ...

  9. 微信小程序简单步骤记录

  10. ACCESS中如何比较日期和时间,使用DateDiff函数

    DateDiff,语法如下:DateDiff( 间隔字符, 日期1, 日期2 [,firstdayofweek[, firstweekofyear]])一般使用 DateDiff( 间隔字符, 日期1 ...