JS開發(fā)微信公眾號上傳圖片到本地服務(wù)器

<input type="button" id="uploadBtn">

$('#uploadBtn').click(function () {
	wx.chooseImage({
	count: 1,
	sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認二者都有
	sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機，默認二者都有
	success: function (res) {
	var localIds = res.localIds; // 返回選定照片的本地ID列表，localId可以作為img標簽的src屬性顯示圖片
	that.uploadImg(localIds[0]);
	}
	});
});

//具體上傳圖片
uploadImg: function (e) {
	wx.uploadImage({
	localId: e, // 需要上傳的圖片的本地ID，由chooseImage接口獲得
	isShowProgressTips: 1, // 默認為1，顯示進度提示
	success: function (res) {
	serverId = res.serverId;
	$.ajax({
	url: "/uploadImg",
	dataType: "json",
	async: false,
	contentType: "application/x-www-form-urlencoded; charset=UTF-8",
	data: {"mediaId": serverId},
	type: "POST",
	timeout: 30000,
	success: function (data, textStatus) {
	$('#imgUrl').val(data);
	$.toast('上傳成功', 'text');
	},
	error: function (XMLHttpRequest, textStatus, errorThrown) {
	$.toast('上傳錯誤,請稍候重試!', 'text');
	}
	});
	},
	fail: function (error) {
	$.toast('上傳錯誤,請稍候重試!', 'text');
	}
	});
}

/**
 * 獲取臨時素材
 *
 * @param mediaId 媒體文件ID
 * @return 正確返回附件對象，否則返回null
 * @throws WeixinException
 */
 public Attachment downloadMedia(String mediaId) throws WeixinException {
 //下載資源
 String url = "https://api.weixin.qq.com/cgi-bin/media/get?access_token=" + this.oauthToken.getAccess_token() + "&media_id=" + mediaId;
 //創(chuàng)建請求對象
 HttpsClient http = new HttpsClient();
 return http.downloadHttps(url);
 }
 
其中Attachment表示下載文件返回值對象，包含的屬性有：
public class Attachment {

 private String fileName;
 private String fullName;
 private String suffix;
 private String contentLength;
 private String contentType;
 private BufferedInputStream fileStream;
 private String error;
 
 省略get/set方法
}