SPRINGBOOT
@PostMapping("/uploadImg")
@ResponseBody
public String uploadImg(@RequestBody MultipartFile file) throws IOException {
String token = getToken();
JSONObject jsonObject = restTemplate.postForObject(WorkWechatConst.UPLOAD_IMG.replace(WorkWechatConst.ACCESS_TOKEN, token),
new InputStreamResource(file.getInputStream()), JSONObject.class);
if (jsonObject.getInteger("errcode") == 0) {
return jsonObject.getString("url");
}
return "";
}
public interface WorkWechatConst {
String ID = "ID";
String SECRET = "SECRET";
String ACCESS_TOKEN = "ACCESS_TOKEN";
String ACCESS_TOKEN_URL = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=ID&corpsecret=SECRET";
String UPLOAD_IMG = "https://qyapi.weixin.qq.com/cgi-bin/media/uploadimg?access_token=ACCESS_TOKEN";
}
VUE
<el-upload
class="upload-demo"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList"
:http-request="upload"
list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
upload(file) {
let formdata = new FormData();
formdata.append('file', file.file)
this.$http.post("/api/test/uploadImg", formdata).then(res => {
this.result = res.data
})
}