1 Star 0 Fork 0

zyl / zyl-oss-upload-plugin

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

zyl-oss-upload-plugin

项目介绍

封装上传图片到oss代码

使用说明

  1. 服务端
@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+"}";
}
  1. 客户端
<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>

空文件

简介

封装上传图片到oss代码 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
Java
1
https://gitee.com/zhouyalei/zyl-oss-upload-plugin.git
git@gitee.com:zhouyalei/zyl-oss-upload-plugin.git
zhouyalei
zyl-oss-upload-plugin
zyl-oss-upload-plugin
master

搜索帮助