小程序上传用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链接列表

      })

    }