前端上传图片到后端

最新推荐文章于 2024-12-10 16:43:50 发布

原创最新推荐文章于 2024-12-10 16:43:50 发布 · 2.9w 阅读

60 ·

本内容遵循CC 4.0 BY-SA版权协议

Spring 专栏收录该内容

20 篇文章

订阅专栏

问题：前端上传了图片，后端该怎样处理才能获得图片的url？

方法一、前端通过控件传给后端的是经过base64编码的字符串，后端拿到这个字符串后再经过base64解码，把解码后的图片存到服务器的某个位置，然后数据库中存储图片在服务器中路径。（以下代码是转自：http://www.cnblogs.com/libra0920/p/5754356.html）

/**
 * @Description: 将base64编码字符串转换为图片
 * @Author: 
 * @CreateTime: 
 * @param imgStr base64编码字符串
 * @param path 图片路径-具体到文件
 * @return
*/
public static boolean generateImage(String imgStr, String path) {
　　if (imgStr == null)
　　　　return false;
　　BASE64Decoder decoder = new BASE64Decoder();
　　try {
　　　　// 解密
　　　　byte[] b = decoder.decodeBuffer(imgStr);
　　　　// 处理数据
　　　　for (int i = 0; i < b.length; ++i) {
　　　　　　if (b[i] < 0) {
　　　　　　　　b[i] += 256;
　　　　　　}
　　　　}
　　　　OutputStream out = new FileOutputStream(path);
　　　　out.write(b);
　　　　out.flush();
　　　　out.close();
　　　　return true;
　　} catch (Exception e) {
　　　　return false;
　　}
}

解密自然也有加密。以下是加密：

/**
 * @Description: 根据图片地址转换为base64编码字符串
 * @Author: 
 * @CreateTime: 
 * @return
 */
public static String getImageStr(String imgFile) {
    InputStream inputStream = null;
    byte[] data = null;
    try {
        inputStream = new FileInputStream(imgFile);
        data = new byte[inputStream.available()];
        inputStream.read(data);
        inputStream.close();
    } catch (IOException e) {
        e.printStackTrace();
    }
    // 加密
    BASE64Encoder encoder = new BASE64Encoder();
    return encoder.encode(data);
}

再贴一个测试的main函数

/**
 * 示例
 */
public static void main(String[] args) {
    String strImg = getImageStr("F:/86619-106.jpg");
    System.out.println(strImg);
    generateImage(strImg, "F:/86619-107.jpg");
}

不过需要注意的是，一般插件返回的base64编码的字符串都是有一个前缀的。

"data:image/jpeg;base64," 解码之前这个得去掉。（说明：其中的jpeg图片格式不同做相应的变换，可能是jpg、png等等。还有base64之后有个逗号。）

方法二、前端采用multipart/form-data形式，后端使用springMVC的CommonsMultipartFile来接收。

具体方法参考：http://blog.csdn.net/freyaalisa/article/details/75575130