js文件代码

chooseImage: function () {

var that = this;

console.log('aaaaaaaaaaaaaaaaaaaa')

wx.chooseImage({

count: this.data.cohttp://unt[this.data.countIndex],

success: function (res) {

console.log('ssssssssssssssssssssssssss')

//缓存下

wx.showToast({

点击选择头像

userhttp://.js

// 更换头像

span style="font-size:18px;color:#FF0000;"> updateHead: function () {

var that = this

// 上传图片 获取路径

wx.chooseImage({

success: function (res) {

console.log('临时路径：' + res.tempFilePaths[0])

http:// wx.uploadFile({

url: app.globalData.baseUrl + '/file/uploadFile',

filePath: res.tempFilePaths[0],

name: 'file', http://

success: function (result) {

console.log("返回路径：" + result.data)

}

})

},

})

},

二 java端

package cn.helloxhs.moudle.common;

import java.io.File;

import java.io.FileInputStream;

import java.io.FileNotFoundExcehttp://ption;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.InputStream;

import java.io.OutputStream;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

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

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.ResponseBody;

import org.springframework.web.multipart.MultipartFile;

import org.springframework.web.multipart.commons.CommonsMultipartFile;

import cn.helloxhs.base.controller.BaseController;

/**

* 类说明

*

* @author 肖荷山

* @version 创建时间：2017年12月23日 上午11:14:27

*/

@Controller

@RequestMapping("/file")

public class FileController extends BaseController {

@RequestMapping("/uploadFile")

@ResponseBody

public Object uploadFile(HttpServletResponse response, HttpServletRequest request, MultipartFile file) {

创建Main.js

document.write("Hi webpack4 + ES6!");

配置webpack.confiGQpPSKCqDZg.js

var path = require('path');

var appPath = path.resolve(__dirname, './src/Main.js');

var buildPath = path.resolve(__dirname, './build');

module.exports = {

entry: appPath,//整个页面的入口文件

output: {

path: buildPath,//打包输出的地址

filename: "bundle.js",//输出的文件名称

},

module: {

}

}

在命令行输入

webpack --mode development

bundle.js

webpack --mode development

bundle.js

webpack4中引入了生产和开发模式,生产模式可以实现各种优化。 包括缩小，规模提升，tree-shaking等等,开发模式针对速度进行了优化，只不过是提供未缩小的捆绑包

我们使用ES6的语法来试一试

//Main.js