代码拉取完成,页面将自动刷新
封装上传图片到oss代码
@ResponseBody
@RequestMapping(value = "/upload.html", method = RequestMethod.POST)
public String upload(@RequestParam("file") MultipartFile file) {
OssConfig config = new OssConfig(properties.getEndpoint(), properties.getAccessKeyId(), properties.getAccessKeySecret(), properties.getBucketName());
Upload up = new Upload(config);
# 生成2018/11/12/xxxxx.png格式文件名
String newFilePathName = up.getNewPathName(file.getOriginalFilename());
up.uploadFile(file.getInputStream(), imagePrefix + newFilePathName);
return "{\"url\":"+systemProperties.getImageHost()+newFilePathName+"}";
}
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
function fun_upload_file(){
var formData = new FormData();
formData.append("file", document.getElementById("file").files[0]);
$.ajax({
url:"http://192.168.1.102:81/system/fileupload/upload.html",
data:formData,
processData:false,
type:"POST",
crossDomain:true,
contentType:false,
success:function(data){
console.log(data);
var _data = JSON.parse(data);
$(".result").append($("<img src='"+_data.url+"'/>"));
}
});
}
</script>
<body>
<input type="file" id="file" />
<button onclick="fun_upload_file();">upload</button>
<div class="result"></div>
</body>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。