鍍金池/ 問答/云計算  HTML/ iview upload組件上傳圖片到七牛

iview upload組件上傳圖片到七牛

如何用vue2的upload組件上傳圖片到七牛？

 <Upload
        ref="upload"
        :show-upload-list="false"
        :default-file-list="defaultList"
        :on-success="handleSuccess"
        :format="['jpg','jpeg','png']"
        :max-size="2048"
        :on-format-error="handleFormatError"
        :on-exceeded-size="handleMaxSize"
        :before-upload="handleBeforeUpload"
        multiple
        type="drag"
        action="http://jsonplaceholder.typicode.com/posts/"
        style="display: inline-block;width:58px;">
        <div style="width: 58px;height:58px;line-height: 58px;">
            <Icon type="camera" size="20"></Icon>
        </div>
    </Upload>

這里的action應(yīng)該填寫什么，官方給的是上傳的地址，那是七牛的一個地址還是什么？
參考了七牛的jsSDK, 還是沒有看懂怎么結(jié)合這個upload組件去上傳一張或多張圖片，哪位高手可以幫忙解答一下，謝謝！

回答
編輯回答
耍太極

請問實現(xiàn)了嗎？如何做的

2018年3月2日 02:41
編輯回答
萢萢糖

需要請求后臺接口，返回一個token，然后攜帶該token上傳到七牛云。

2017年12月31日 14:22
編輯回答
傲寒
    <Upload
          ref="upload"
          :show-upload-list="false"
          :default-file-list="defaultList"
          :on-success="handleSuccess"
          :format="['jpg','jpeg','png']"
          :max-size="2048"
          :on-progress="onProgress"
          :on-format-error="handleFormatError"
          :on-exceeded-size="handleMaxSize"
          :before-upload="handleBeforeUpload"
          multiple
          type="drag"
          name="file"
          action="http://upload-z2.qiniu.com/"      -----> 這里的地址填寫的是七牛云服務(wù)器對應(yīng)的存儲控件
          :data="{token: token}"      -----> 這里記得要寫 token, token 是通過后臺獲取的
          style="display: inline-block;width:58px;"
        >
          <div style="width: 58px;height:58px;line-height: 58px;">
              <Icon type="camera" size="20"></Icon>
          </div>
      </Upload>

七牛云存儲空間所對應(yīng)的上傳地址

華東: (z0):
    服務(wù)器端上傳地址：http(s)://up.qiniup.com
    客戶端上傳地址: http(s)://upload.qiniup.com
華北: (z1):
    服務(wù)器端上傳地址：http(s)://up-z1.qiniup.com
    客戶端上傳: http(s)://upload-z1.qiniup.com
華南: (z2):
    服務(wù)器端上傳地址：http(s)://up-z2.qiniup.com
    客戶端上傳: http(s)://upload-z2.qiniup.com
北美: (na0):
    服務(wù)器端上傳地址：http(s)://up-na0.qiniup.com
    客戶端上傳地址: http(s)://upload-na0.qiniup.com
新加坡: (as0):
    服器端上傳地址：http(s)://up-as0.qiniu.com
    客戶端上傳地址：http(s)://upload-as0.qiniu.com
2017年7月20日 06:57