vue+elemnt上传图片到阿里云服务器_vue element上传图片到阿里云-CSDN博客

本文链接：https://blog.csdn.net/juan1997/article/details/90636859

前几天因项目，前台用vue+elemnt上传图片到阿里云服务器。（因为前台传来的图片时，把图片内容转化为了base64.）后台应该怎么接受。核心代码如下：

`
转载需注明：https://blog.csdn.net/juan1997/article/details/90636859

 @PostMapping("/upload")
	public String  upload(@RequestBody Map<String, String> params) {
        //阿里云的一些配置信息
		String aliyunDomain="阿里云绑定的域名";
		String aliyunPrefix="阿里云路径前缀";
		String aliyunEndPoint="阿里云EndPoint";
		String aliyunAccessKeyId="阿里云AccessKeyId";
		String aliyunAccessKeySecret="阿里云AccessKeySecret";
		String aliyunBucketName="阿里云BucketName";
		OSSClient client=new OSSClient(aliyunEndPoint,aliyunAccessKeyId,aliyunAccessKeySecret);

	String base64Data = params.get("base64Img");
	String dataPrix, data = "";
	if (base64Data == null || "".equals(base64Data)) {
		throw new RRException("图片上传异常");
	} else {
		String[] d = base64Data.split("base64,");
		if (d != null && d.length == 2) {
			dataPrix = d[0];
			data = d[1];
		} else {
			throw new RRException("图片上传异常");
		}
	}
	String suffix = "";
	if ("data:image/jpeg;".equalsIgnoreCase(dataPrix) || "data:image/jpg;".equalsIgnoreCase(dataPrix)) {
		suffix = ".jpg";
	} else if ("data:image/x-icon;".equalsIgnoreCase(dataPrix)) {
		suffix = ".ico";
	} else if ("data:image/gif;".equalsIgnoreCase(dataPrix)) {
		suffix = ".gif";
	} else if ("data:image/png;".equalsIgnoreCase(dataPrix)) {
		suffix = ".png";
	} else {
		throw new RRException("图片上传异常");
	}
	// 因为BASE64Decoder的jar问题，此处使用spring框架提供的工具包
	byte[] bs = Base64Utils.decodeFromString(data);
	try {
		// 使用apache提供的工具类操作流
		//生成uuid
        String uuid = UUID.randomUUID().toString().replaceAll("-", "");
		//文件路径
		String path = DateUtils.format(new Date(), "yyyyMMdd") + "/" + uuid;

		if(StringUtils.isNotBlank(prefix)){
			path = aliyunPrefix + "/" + path;
		}else{
			path + suffix;
		}
		client.put(aliyunBucketName,path,new ByteArrayInputStream(bs));
		String url=aliyunDomain+"/"+path;//最终图片的链接地址
		return url;
	} catch (Exception ee) {
		throw new RRException("图片上传异常");
	}
}`