小程序图片上传与回显

前台：

js：

var app = getApp()
var total = [];
Page({
  data: {
  },
  chooseImg: function () {
    var _this = this;
    wx.chooseImage({
      count: 9, // 默认9
      sizeType: [\'original\', \'compressed\'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: [\'album\', \'camera\'], // 可以指定来源是相册还是相机，默认二者都有
      success: function (res) {
        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
        var tempFilePaths = res.tempFilePaths;
        console.log(res)
        _this.setData({
          img_l: res.tempFilePaths
        })
        console.info(res.tempFilePaths.length);
      }
    })
  },
  loadimg: function () {
    var _this = this;
    wx.uploadFile({
      url: \'http://127.0.0.1/xiaoyuan/goods/upload.php\', //接口
      filePath: _this.data.img_l[0],
      name: \'file\',
      formData: {
        \'user\': \'test\'
      },
      success: function (res) {
        var data = res.data;
        console.log(data);
      },
      fail: function (error) {
        console.log(error);
      }
    })
  }
})

wxml：

<button bindtap=\"chooseImg\" style=\'width:80%\'>请添加商品图片</button>
  <image style=\'width: 400px;height: 400px;border:1px solid #ccc;margin: 5px;\' src=\'{{img_l}}\'/>
<button bindtap=\'loadimg\' style=\'width:80%; background-color: rgb(90, 199, 69);\'>上传</button>

后台（php）：

upload.php:

<?php
    date_default_timezone_set(PRC); //设置时区
    $code = $_FILES[\'file\'];//获取小程序传来的图片 
    $uploaded_file=$_FILES[\'file\'][\'tmp_name\'];  
    $user_path=$_SERVER[\'DOCUMENT_ROOT\'].\"/xiaoyuan/\".\"/goods/\".\"img\";  //放到服务器下指定的文件夹
    $move_to_file=$user_path.\"/\".$_FILES[\'file\'][\'name\'];  
    $file_true_name=$_FILES[\'file\'][\'name\']; 
    echo $file_true_name;
    echo $move_to_file;
    move_uploaded_file($uploaded_file,iconv(\"utf-8\",\"gb2312\",$move_to_file));

?>

java：

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.*;
import java.util.List;
public class Uploadimage extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req,resp);
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding(\"utf-8\");  //设置编码
        DiskFileItemFactory factory = new DiskFileItemFactory();
        String str = request.getSession().getServletContext().getRealPath(\"\");
        String path = request.getRealPath(\"/upload\");
        String pathStr=null;
        System.err.println(\"上传的图片路径:\"+path);
        factory.setRepository(new File(path));
        factory.setSizeThreshold(1024*1024) ;
        ServletFileUpload upload = new ServletFileUpload(factory);
        try {
            //可以上传多个文件
            @SuppressWarnings(\"unchecked\")
			List<FileItem> list = (List<FileItem>)upload.parseRequest(request);
            for(FileItem item : list){
                String name = item.getFieldName();
                if(item.isFormField()){
                }else {
                    //获取路径名
                	System.out.println(\"item.getFieldName()是\"+item.getFieldName());
                    String value = item.getName() ;
                    System.out.println(\"item.getName()是\"+item.getName());
                    String filename= value;
                    System.out.println(\"filename----->\"+filename);
                    str+=\"/xiaoyuan/\"+\"/goods/\"+\"/img/\"+filename;
                    System.out.println(\"文件存储的路径:\"+str);
                    pathStr=filename;
                    File file=new File(str);
                    OutputStream out = new FileOutputStream(file);
                    InputStream in = item.getInputStream() ;
                    int length = 0 ;
                    byte [] buf = new byte[1024] ;
                    System.out.println(\"获取上传文件的总共的容量：\"+item.getSize());
                    while( (length = in.read(buf) ) != -1){
                        out.write(buf, 0, length);
                    }
                    in.close();
                    out.close();
                }
            }
        } catch (FileUploadException e) {
            e.printStackTrace();
        }
        catch (Exception e) {
        }
        PrintWriter printWriter=response.getWriter();
       // printWriter.print(\"{\"path\":\"\"+pathStr+\"\"}\");
        System.out.println(\"pathStr----->\"+pathStr);
        printWriter.write(pathStr);
        printWriter.print(pathStr);
        printWriter.flush();
        printWriter.close();
    }
}