微信小程序上傳圖片

很久沒寫文了， 終於閒下來寫篇文章。 爲何要寫小程序上傳圖片， 由於今天我運行之前寫的程序圖片居然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， 因此會報這個錯誤。 暫時還沒想到怎麼搞他
知道的能夠說說