微信小程序上传图片到服务器,总是不成功,为什么?
发布于 7 年前 作者 xiaoxiuying 5635 次浏览 来自 官方Issues

//微信端的index.js

// 上传图片接口

doUpload: function () {

var that = this

// 选择图片

wx.chooseImage({

count: 1,

// 可以指定是原图还是压缩图,默认二者都有

sizeType: [‘original’, ‘compressed’],

// 可以指定来源是相册还是相机,默认二者都有

sourceType: [‘album’, ‘camera’],

success: function (res) {

// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片

var tempFilePaths = res.tempFilePaths;

wx.uploadFile({

//服务器URL

url: https://www.bebrave.cn:8443/vivian/upServlet,

//要上传文件的路径

filePath: tempFilePaths[0],

//文件对应的KEY,服务器通过这个KEY可以获取到文件的二进制内容

name: ‘name’,

//HTTP请求HEADER

header: {

//Content-Type 存在于请求和响应的头部,用于标识数据的类型。(通俗地说就是 , 你想要后台返回给你什么数据类型, 后台需要你发送什么样的数据类型给他)

//application/json 这个 Content-Type 作为响应头大家肯定不陌生。实际上,现在越来越多的人把它作为请求头,用来告诉服务端消息主体是序列化后的 JSON 字符串。由于 JSON 规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify,服务端语言也都有处理 JSON 的函数,使用 JSON 不会遇上什么麻烦。

‘content-type’: ‘Application/json’

},

//HTTP请求中其他额外的FORM data

formData: {

imagName: ‘imagname’,

imgSize: ‘122kb’

},

//接口调用成功的回掉函数

success: function (res) {

var data=res.data;

console.log(data);

}

})

}

})

},

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//服务器端的.java代码

package WxApp.UploadFile;

import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.InputStream;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import javax.servlet.http.HttpServlet;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.apache.commons.fileupload.FileItem;

import org.apache.commons.fileupload.disk.DiskFileItemFactory;

import org.apache.commons.fileupload.servlet.ServletFileUpload;

public class WxUploadFileServlet extends HttpServlet{

    private static final long serialVersionUID=1L;

    public WxUploadFileServlet() {

    super();

    }

 

protected void doGet(HttpServletRequest request,HttpServletResponse   response)throws ServletException,IOException

{

   doPost(request,response);

}

protected void doPost(HttpServletRequest request,HttpServletResponse   response)throws ServletException,IOException

{

try {

                //创建FileItem对象的工厂

DiskFileItemFactory factory=new DiskFileItemFactory();

                //创建文件上传处理器

ServletFileUpload upload=new ServletFileUpload(factory);

    upload.setHeaderEncoding(“UTF-8”);

    List items=upload.parseRequest(request);

    Map param=new HashMap();

    for(Object object:items) {

    FileItem fileItem=(FileItem)object;

    if(fileItem.isFormField()) {

    param.put(fileItem.getFieldName(),fileItem.getString(“utf-8”));

   

    }

    else {

    if(“file”.equals(fileItem.getFieldName())) {

    String fileName=fileItem.getName();

    InputStream is=fileItem.getInputStream();

    new File(“C:/img/”).mkdir();

    File file=new File(“C:/img/”,fileName);

    file.createNewFile();

    FileOutputStream fos=new FileOutputStream(file);

    byte[] b=new byte[1024];

    while((is.read(b))!=-1) {

    fos.write(b);

    }

    is.close();

    fos.close();

    }

    }

    }

             System.out.println(param);

}catch(Exception e) {

        e.printStackTrace();

       }

}

}

运行后,图片没有上传成功,也没有啥报错信息,帮帮我吧!

回到顶部