oss上传文件
后台上传
前端ajax代码,传入一个input对象
function uploadFileOss(input, callback) {
var form = $("<form></form>");
form.append($(input));
var formData = new FormData(form[0]);
$.ajax({
url : "ajax/aili/uploadFile",
type : 'POST',
data : formData,
async : false,
cache : false,
contentType : false,
processData : false,
success : function(returndata) {
if (callback) {
callback(returndata);
}
},
error : function(returndata) {
alert("上传图片出错");
}
});
}
后台spring代码
@RequestMapping(value = {"/uploadFile"}, method = RequestMethod.POST, produces = {"text/javascript;charset=UTF-8"})
@ResponseBody
public String uploadFile(HttpServletRequest request, HttpServletResponse response)
throws IllegalStateException, IOException
{
// 创建一个通用的多部分解析器
CommonsMultipartResolver multipartResolver =
new CommonsMultipartResolver(request.getSession().getServletContext());
// 判断 request 是否有文件上传,即多部分请求
if (multipartResolver.isMultipart(request))
{
// 转换成多部分request
MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest)request;
// 取得request中的所有文件名
Iterator<String> iter = multiRequest.getFileNames();
//此处只上传单个文件,如果需要多个文件只需要改为while循环上传
if (iter.hasNext())
{
// 记录上传过程起始时的时间,用来计算上传时间
int pre = (int)System.currentTimeMillis();
// 取得上传文件
MultipartFile file = multiRequest.getFile(iter.next());
if (file != null)
{
// 取得当前上传文件的文件名称
String myFileName = file.getOriginalFilename();
// 如果名称不为“”,说明该文件存在,否则说明该文件不存在
if (StringUtils.isNotEmpty(myFileName.trim()))
{
String endpoint = "http://oss-cn-shanghai.aliyuncs.com";
// accessKey请登录https://ak-console.aliyun.com/#/查看
String accessKeyId = "*******";
String accessKeySecret = "*******";
// 创建OSSClient实例
OSSClient ossClient = new OSSClient(endpoint, accessKeyId, accessKeySecret);
ossClient.putObject("oss对象存储的空间名称", file.getOriginalFilename(), file.getInputStream());
// 使用访问OSS
// 关闭ossClient
ossClient.shutdown();
}
}
// 记录上传该文件后的时间
int finaltime = (int)System.currentTimeMillis();
logger.info("上传花费时间:" + (finaltime - pre));
}
}
return "success";
}
前端直传
function uploadFile(input, callback) {
var client = new OSS.Wrapper({
region: 'oss-cn-shanghai',
accessKeyId: '*******',
accessKeySecret: '*******',
bucket: '*******'
});
var file = input.files[0];
var storeAs = $(input).val();
console.log(file.name + ' => ' + storeAs);
client.multipartUpload(storeAs, file).then(function (result) {
console.log(result);
});
}