微信上传图片到七牛
?
?
HTML代碼：
<body>
<div class="screen">
<div class="layout_content_full background-color_dividing">
<div class="background-color_white preview_title_box">
<h5>請選擇一個評價</h5>
<div class="air_tab_list fif_top">
<button id="tab1" class="evaluation_select air_tab_item evaluation_selected" for="0" >強烈推薦</button>
<button class="evaluation_select air_tab_item" for="1">一般般</button>
<button class="evaluation_select air_tab_item" for="2">可以嘗試</button>
<button class="evaluation_select air_tab_item" for="3">真的很爛</button>
</div>
</div>
<div class="dividing_line3"></div>
<div class="mui-input-row address_row message_h row_then-last">
<textarea id='content_text' class="widget_title input_change login_word" placeholder="請輸入您想要說的" οnfοcus="this.placeholder=''"/></textarea>
</div>
<div class="background-color_white btn_group">
<button type="button" id="add_pic" class="pic_btn complain_square" style="border: rgba(128, 128, 128, 0.36) solid 1px;">
<h1 class="color_content">+</h1>
<h5 class="color_content">添加照片</h5>
</button>
<!-- <input id="upload_image1" type="file" name="image" accept="image/*" style="display: none;" /> -->
</div>
<button class="button_sure orange_background color_white" id="btnAdd">立即發布</button>
</div>
</div>
<div id="container" hidden="hidden">
<a id="forumFile" href="#">上傳文件</a> <span id="forumFile_msg"
style="font-size: 11px; color: red"></span>
<div id="upload_sucess" style="display: none;">上傳成功</div>
</div>
<script type="text/javascript" src="lib/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="lib/mui.min.js"></script>
<script type="text/javascript" src="js/constant.js"></script>
<script type="text/javascript" src="js/sys.js"></script>
<script type="text/javascript" src="js/sys2.js"></script>
<script type="text/javascript" src="lib/jquery.cookie.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="js/imgEditor.js"></script>
<script>
var id="",b_id="";
$(function() {
//tabchange
$(".air_tab_list>button").click(function(){
$(this).siblings().removeClass('evaluation_selected').end().addClass('evaluation_selected');
});
//上傳圖片
init();
var id=getUrlParam("id");
if(id){
/* showData(); */
}
var b_id=getUrlParam("b_id");
if(b_id)
{
$(".button_sure").click(function(){
if(!(checkupload())){
tipDialog.show(tip_fail,'溫馨提示',"圖片還未上傳完成");
return;
}
//if(!b_id){
//tipDialog.show(tip_fail,'溫馨提示',"商戶id不能為空");
//return;
//}
//postData(b_id);
})
}
});
</script>
?
imgEditor.js代碼：
function addImgHtml(src) {
var insertHtml = '<button class="pic_btn"><img src="' + src + '" class="complain_square"/><span class="background-color_content color_white close">×</span></button>'
$('.background-color_white.btn_group').append(insertHtml);
}
$.ready(
$(".background-color_white.btn_group").on('tap', '.close',function () {
$(this).parent().remove();
removeimgLen++;
})
)
function initWx() {
$.ajax({
type: "POST",
url: KL_BASE_URL + "/apigateway_wx/weixin/gch/pay/weixin/v1/h5Config.do",
data: {},
dataType: "json",
success: function (data) {
if (data["code"] == 200) {
tstmp = data["data"]["response"]["timestamp"];
nonceStr = data["data"]["response"]["noncestr"];
wx.config({
debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
appId: data["data"]["response"]["appId"], // 必填，公眾號的唯一標識
timestamp: data["data"]["response"]["timestamp"], // 必填，生成簽名的時間戳
nonceStr: data["data"]["response"]["noncestr"], // 必填，生成簽名的隨機串
signature: data["data"]["response"]["paySign"], // 必填，簽名，見附錄1
jsApiList: ['chooseImage', 'uploadImage','chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
});
} else {
tipDialog.show(tip_fail, '溫馨提示', data["message"]);
}
},
error: function () {
tipDialog.show(tip_fail, '溫馨提示', "微信圖片接口初始化失敗！", function () {
reloadPage();
});
}
});
}
var currentImgCount=0,localIdsLenth=0,chooseimgLen=0,removeimgLen=0;
function fetchToQiniu(serviceId) {
if ($("img[class='complain_square']").length >= 9) {
tipDialog.show(tip_fail, '溫馨提示', "最多只能添加9張圖片！");
return;
}
$.ajax({
type: "POST",
url: KL_BASE_URL + "/apigateway_wx/weixin/gch/pay/weixin/v1/fetchToQiniu.do",
data: {
serviceId: serviceId
},
dataType: "json",
success: function (data) {
if (data["code"] == 200) {
var key = data["data"]["response"];
addImgHtml(FILE_BASE_URL_PREX + key);
currentImgCount++;
} else {
tipDialog.show(tip_fail, '溫馨提示', data["message"]);
}
},
error: function () {
tipDialog.show(tip_fail, '溫馨提示', "上傳失敗，請重試！");
}
});
}
function init() {
initWx();
wx.ready(function () {
$("#add_pic").click(function () {
//限制9張
var imglength=$("img[class='complain_square']").length;
if (imglength>= 9||9-imglength<=0) {
tipDialog.show(tip_fail, '溫馨提示', "最多只能添加9張圖片！");
return;
}
wx.chooseImage({
count: 9-imglength, // 默認9
sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認二者都有
sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機，默認二者都有
success: function (res) {
var localIds = res.localIds; // 返回選定照片的本地ID列表，localId可以作為img標簽的src屬性顯示圖片
localIdsLenth=localIds.length;
syncUpload(localIds);
}
});
var syncUpload = function (localIds) {
var localId = localIds.pop();
wx.uploadImage({
localId: localId,
isShowProgressTips: 0,// 默認為1，顯示進度提示
success: function (res) {
var serverId = res.serverId; // 返回圖片的服務器端ID
//其他對serverId做處理的代碼
fetchToQiniu(serverId);
if (localIds.length > 0) {
syncUpload(localIds);
}
}
});
}
});
});
}
function getContentJson() {
var content_text = $("#content_text").val();
if(content_text.length == 0){
tipDialog.show(tip_fail,'溫馨提示',"詳情不能為空！");
return;
}
if(content_text.length >50){
content_text=content_text.substring(0,50);
$("#content_text").val(content_text);
tipDialog.show(tip_fail,'溫馨提示',"詳情內容超過限制的50個字符，</br>請重新填寫確認");
return;
}
var arr = new Array();
arr.push({ "type": "text", "content": content_text });
$(".pic_btn img").each(function () {
arr.push({ "type": "image", "content": $(this).attr("src") });
});
return arr;
}
function checkupload(){
chooseimgLen=$("img[class='complain_square']").length;
if(currentImgCount!=(chooseimgLen+removeimgLen)||currentImgCount<localIdsLenth){
return false;
}
else{
return true;
}
}
?
?
?
java代碼：
@RequestMapping("v1/fetchToQiniu.do")
@ResponseBody
public void fetchToQiniu(HttpServletRequest request, HttpServletResponse response) {
try {
String serviceId = request.getParameter("serviceId");
String url = weixinService.fetchToQiniu(serviceId, business_id);
if(StringUtils.isBlank(url)){
Util.returnJsonResponse(response, 202, "fetch失敗", null);
return;
}
Util.returnJsonResponse(response, 200, "fetch成功", url);
} catch (Exception e) {
logger.error("微信獲取fetch異常", e);
RsExceptionHandler.doHandler(response, e);
}
}
?
?
weixinService.fetchToQiniu代碼段：
/**
* 抓取
*
* @return
*/
public String fetchToQiniu(String serviceId, Integer business_id) throws Exception {
if(StringUtils.isBlank(serviceId)){
return null;
}
Map<String, Object> param = new HashMap<String, Object>();
param.put("business_id", business_id);
HttpResult tokenResult = WeixinPayRsService.getToken(param, "v1");
if (200 != tokenResult.getCode()) {
return null;
}
String token = JsonToObject.httpResultToString(tokenResult);
String imgHttpUrl = "http://file.api.weixin.qq.com/cgi-bin/media/get?access_token="
+ token + "&media_id=" + serviceId;
String filePath = QiniuFileService.business_qiniu_path_;
String fileName = UUID.randomUUID().toString();
//boolean result = QiniuFileService.fetch(imgHttpUrl, filePath, filePath + fileName);
String path = GetWebConfig.getValue("file.temppath");
String down_ret = WeixinLibImageUtils.downloadImageByHttpUrl(imgHttpUrl, path + fileName);
if (down_ret != null && !down_ret.equals("NO_IMG")) {
logger.error("微信fetch,下載成功");
String fullName = path + fileName;
boolean ret = QiniuFileService.upload(fullName, fileName);
if (ret == true) {
return filePath + fileName;
}
}else{
//失敗了，刷新token
logger.error("微信fetch,下載失敗,刷新token,重試");
param.put("need_refresh", true);
tokenResult = WeixinPayRsService.getToken(param, "v1");
if (200 != tokenResult.getCode()) {
return null;
}
token = JsonToObject.httpResultToString(tokenResult);
imgHttpUrl = "http://file.api.weixin.qq.com/cgi-bin/media/get?access_token="
+ token + "&media_id=" + serviceId;
down_ret = WeixinLibImageUtils.downloadImageByHttpUrl(imgHttpUrl, path + fileName);
if (down_ret != null && !down_ret.equals("NO_IMG")) {
String fullName = path + fileName;
boolean ret = QiniuFileService.upload(fullName, fileName);
if (ret == true) {
return filePath + fileName;
}
}
}
logger.error("微信fetch重試后異常...");
return null;
}
?
?
QiniuFileService .java代碼：
package com.apigateway.service.gch;
import com.apigateway.qiniu.manager.QiniuHandle;
import com.apigateway.qiniu.manager.QiniuManager;
import org.apache.log4j.Logger;
public class QiniuFileService {
private static final Logger logger = Logger.getLogger(QiniuFileService.class);
public static final String business_qiniu_path = "guchenghu";
public static final String business_qiniu_path_ = "guchenghu/";
private static QiniuHandle screen_handle = QiniuManager.getQiniuHandle("guchenghu", false);
public static boolean delete(String key) {
if (key == null || key.trim().equals("")) {
return true;
}
return screen_handle.delete(key);
}
public static boolean upload(String filePath, String fileName) {
return screen_handle.upload(filePath, fileName);
}
public static String getDownloadUrl(String fileName) {
return screen_handle.getDownloadUrl(fileName, null);
}
public static String getDownloadUrl_(String fileName) {
return screen_handle.getDownloadUrl(fileName, null);
}
public static String getUpToken() {
return screen_handle.getUpToken();
}
public static String url() {
return screen_handle.getUrl();
}
public static boolean fetch(String url, String filePath, String fileName) {
return screen_handle.fetch(url, filePath, fileName);
}
/*
public static Auth auth = Auth.create("csjvy15GQIJLY-efz0wtaKKUJZYnz-Opwnid665n", "abbqkJ55nvCtQrx9PRJnt3pq1NDLxzGVgNDMJrMV");
public static String url = "http://7xrqc0.com1.z0.glb.clouddn.com/";
public static void main(String[] args) throws Exception {
//download();
//delete("002293d0-b021-4406-a45c-6ebee23b38e5.cebx");
upload();
//delete("3f010c50-6a6e-4935-b1e7-9e3218c7d775.m4v");
System.out.println(getDownloadUrl("1fb8ed17-00e0-4abc-94c6-51d7a5be1d03.jpg"));
}
public static void upload() {
UploadManager uploadManager = new UploadManager();
try {
File file = new File("E:\\xueshufeng\\workspace_xue\\write me\\test.doc");
Response res = uploadManager.put(file, "a/b/我.doc", getUpToken());
MyRet ret = res.jsonToObject(MyRet.class);
logger.info(res.toString());
logger.info(res.bodyString());
} catch (QiniuException e) {
Response r = e.response;
// 請求失敗時簡單狀態信息
logger.error(r.toString());
try {
// 響應的文本信息
logger.error(r.bodyString());
} catch (QiniuException e1) {
//ignore
}
}
}
public static boolean delete(String key){
BucketManager bucketManager = new BucketManager(auth);
try {
bucketManager.delete("screen", key);
} catch (QiniuException e) {
// TODO Auto-generated catch block
e.printStackTrace();
return false;
}
return true;
}
public static boolean upload(String filePath, String fileName){
UploadManager uploadManager = new UploadManager();
try {
File file = new File(filePath);
Response res = uploadManager.put(file,fileName, getUpToken());
MyRet ret = res.jsonToObject(MyRet.class);
logger.info(res.toString());
logger.info(res.bodyString());
return true;
} catch (QiniuException e) {
Response r = e.response;
// 請求失敗時簡單狀態信息
logger.error(r.toString());
try {
// 響應的文本信息
logger.error(r.bodyString());
} catch (QiniuException e1) {
//ignore
}
}
return false;
}
public class MyRet {
public long fsize;
public String key;
public String hash;
public int width;
public int height;
}
public static String getUpToken(){
return auth.uploadToken("screen", null, 3600, new StringMap()
.putNotEmpty("returnBody", "{\"key\": $(key), \"hash\": $(etag), \"width\": $(imageInfo.width), \"height\": $(imageInfo.height)}"));
}
public static String getUpToken1(){
return auth.uploadToken("screen", null, 3600, new StringMap()
.putNotEmpty("returnBody", "{\"key\": $(key), \"hash\": $(etag)}"));
}
public static void download() {
String url2 = "http://7xrqc0.com1.z0.glb.clouddn.com/%E6%88%91.doc";
String urlSigned = auth.privateDownloadUrl(url2,60);
System.out.println(urlSigned);
}
public static String getDownloadUrl(String fileName){
String url2 = "http://7xrqc0.com1.z0.glb.clouddn.com/"+fileName;
String urlSigned = auth.privateDownloadUrl(url2);
return urlSigned;
}
*/
}
?
?
?
?
WeixinLibImageUtils.java代碼：
?
package com.apigateway.service.gch;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import org.apache.commons.io.IOUtils;
import org.apache.http.Header;
import org.apache.http.HttpEntity;
import org.apache.http.HttpResponse;
import org.apache.http.client.ClientProtocolException;
import org.apache.http.client.ResponseHandler;
import com.apigateway.util.HttpClientUtils;
import com.util.StringUtil;
?
/**
* 項目圖片工具類
*
* @author
* @date 2016年3月15日 下午4:44:03
* @version 1.0
*/
public class WeixinLibImageUtils {
/**
* 下載HTTP圖片到本地
* @param imgHttpUrl - 要下載的圖片HTTP全路徑
* @param realImgSavePath - 圖片保存的相對路徑(其相對于 #GlobalURLConstants.GLOBAL_IMAGE_SERVER_ROOT)
* @return fullImgFilePath - 返回圖片保存的物理全路徑 (返回null則表示下載失敗)
*/
public static String downloadImageByHttpUrl(String imgHttpUrl, String realImgSavePath) {
if(!StringUtil.isEmpty(imgHttpUrl) && !StringUtil.isEmpty(realImgSavePath)){
String fullImgFilePath = realImgSavePath;
return HttpClientUtils.doGet(imgHttpUrl, new ImageResponseHandler(fullImgFilePath));
}
return null;
}
public static class ImageResponseHandler implements ResponseHandler<String> {
private final String fullImgFilePath;
public ImageResponseHandler(String fullImgFilePath) {
super();
this.fullImgFilePath = fullImgFilePath;
}
@Override
public String handleResponse(HttpResponse response) throws ClientProtocolException, IOException {
HttpEntity httpEntity = response.getEntity();
Header[] headers = response.getHeaders("Content-Type");
if(headers != null && headers.length > 0){
for(int i = 0; i< headers.length; i++){
if(headers[i].getValue().contains("application/json")){
return "NO_IMG";
}
}
}
if(httpEntity != null){
InputStream in = null;
OutputStream out = null;
try {
File tempFile = new File(fullImgFilePath);
if (!tempFile.exists()) {
tempFile.createNewFile();
}
in = httpEntity.getContent();
out = new FileOutputStream(fullImgFilePath);
IOUtils.copy(in, out);
} finally {
IOUtils.closeQuietly(in);
IOUtils.closeQuietly(out);
}
return fullImgFilePath;
}
return null;
}
}
public static void main(String[] args) {
String ret = downloadImageByHttpUrl("http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=1211212&media_id=1212","d:/aa.jpg");
System.out.println(ret);
}
}
?
轉載于:https://www.cnblogs.com/ft-Pavilion/p/6873182.html
總結
- 上一篇： XILINX 7系列FPGA与SOC产品
- 下一篇： 可以学计算机再学美术,想学习板绘？教你如