微信小程序上传图片

很久没写文了， 终于闲下来写篇文章。 为何要写小程序上传图片， 由于今天我运行之前写的程序图片居然TM都不显示了。 看了好几遍文档没什么改变， 究竟是哪里的问题。

这是官方文档的解释

tempFilePath是什么  他实际上是个临时路径  这种形式 wxFile://tmp_613199421o6zAJs479YJ_PuHvzr__F4NaIF8U1480576019360.JPG

当你src=tempFilePath的时候， 图片无动于衷（之前这种是OK的）， 后来就想上传到服务器试试， 果不其然， 上传到服务器能够正常显示。

====================================================================
代码很简单：
wxml
   ```javascript
 <view>
      <view>
        <image src="{{imagePath}}"></image>
        <image src="http://localhost/upload/{{imagePath}}"></image>
      </view>
      <view>
        <button bindtap="selectImage">选择图片</button>
      </view>
    </view>
```
js

```javascript
var app = getApp()

Page({
  data: {
    imagePath: ""
  },

  onLoad: function () {
  },

  selectImage: function() {
    var that = this;
    wx.chooseImage({
      success: function(res) {
        var tempFilePaths = res.tempFilePaths
        wx.uploadFile({
          url: "http://localhost/upload", // 你的接口地址
          filePath: tempFilePaths[0],
          name: "image",
          formData:{
            //'user': 'test'
          },
          success: function(res){
            var data = res.data
            that.setData({imagePath: data})
          }
        })
      }
    })
  }
})
```
后台
```java
public void index() {
UploadFile uploadFile = getFile("image");
        renderJson(uploadFile.getFileName());
    }
```
```

注意：
**本地调试须要勾选这个东西**

小问题

由于不是表单， 没有multipart/form-data， 因此会报这个错误。 暂时还没想到怎么搞他
知道的能够说说