收藏
回答

图片上传报渲染层网络层错误,404



小程序上传用wx.chooseImage上传本地图片,但是缩列图没显示,但是点击预览(wx.previewImage)时候却可以看到图片是什么问题?

报错是


查了一些别人文章,说是http和https的问题,还有其他相对路径和绝对路径问题。。。


还有我是在学习mpvue开发。为什么此刻在开发者工具上面真机调试是置灰的?


代码:

<view class="question-images">

      <view v-for="(item, index) in images" :key="index" v-if="images.length>0">

        <view class="q-image-wrap">

          <!-- 图片缩略图  -->

          <image class="q-image" src="item"  @click="handleImagePreview(index)"></image>

          <!-- 移除图片的按钮  -->

          <view class="q-image-remover"  @click="removeImage(index)">删除</view>

        </view>

      </view>

    </view>


上传方法:

chooseImage (e) {

      console.log(e)

      wx.chooseImage({

        sizeType: ['original', 'compressed'],

        sourceType: ['album', 'camera'], // 可选择性开放访问相册、相机

        success: res => {

          var images = this.images.concat(res.tempFilePaths)

          // 限制最多只能留下3张照片

          this.images = images.length <= 3 ? images : images.slice(0, 3)

          console.log(this.images)

        }

      })

    }


点击图片预览(可以成功预览):

handleImagePreview (index) {

      console.log('----------', index)

      var idx = index

      var images = this.images

      wx.previewImage({

        current: images[idx], // 当前显示图片的http链接

        urls: images // 需要预览的图片http链接列表

      })

    }






最后一次编辑于  2018-12-05
回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2018-12-05

    为什么此刻在开发者工具上面真机调试是置灰的?=>需要填入appid

    2018-12-05
    赞同
    回复 1
    • 崇
      2018-12-05

      原来如此

      2018-12-05
      回复
  • 崇
    2018-12-05

    链接了手机调试也是没法显示

    2018-12-05
    赞同
    回复