最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue+mui實(shí)現(xiàn)圖片的本地緩存示例代碼

 更新時間:2018年05月24日 08:41:14   作者:一念執(zhí)著_c  
這篇文章主要介紹了Vue+mui實(shí)現(xiàn)圖片的本地緩存的實(shí)例代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下

下面一段代碼給大家分享基于Vue+mui實(shí)現(xiàn)圖片的本地緩存,具體代碼如下所示:

const menu = {
 state: {
  products: {},
  GLOBAL_CONFIG:GLOBAL_CONFIG['GLOBAL_CONFIG']
 },
 mutations: {
  get_product: function (state, products) {
    //商品列表
    state.products = products;
    for(let i = 0; i < state.products.length; i++){
      if(state.products[i]['image'] != null){
        // state.products[i]['image'] = state.GLOBAL_CONFIG['base64Header'] + state.products[i]['image'];
        //下載圖片到本地
        this.commit('imgCache',state.products[i]);
      }else{
        //添加默認(rèn)圖片
        state.products[i]['image'] = require("../assets/file.png");
      }
    }
  },
  imgCache: function (state,imgObj) {
    mui.plusReady(function(){
      // 1. 轉(zhuǎn)換網(wǎng)絡(luò)圖片地址為本地緩存圖片路徑,判斷該圖片是否存在本地緩存
      // http://...jpg -> md5
      // 緩存目錄 _downloads/image/(md5).jpg
      let image_url      = imgObj.image;
      let image_md5      = md5(image_url);
      // 緩存本地圖片url
      let local_image_url   = '_downloads/image/'+image_md5+'.jpg';
      // 平臺絕對路徑
      let absolute_image_path = plus.io.convertLocalFileSystemURL(local_image_url);
      console.log(absolute_image_path);
      // 判斷本地是否存在該文件,存在就就直接使用,否則就下載
      plus.io.resolveLocalFileSystemURL( absolute_image_path, function( entry ) {
        if(entry){
          imgObj.image = plus.io.convertLocalFileSystemURL(local_image_url);
        }else{
          download_img();
        }
      }, function ( e ) {
        console.log("Resolve file URL failed: ");
        download_img();
      } );
      function download_img(){
        // filename:下載任務(wù)在本地保存的文件路徑
        let download_task = plus.downloader.createDownload(image_url, {
          filename: local_image_url
        }, function(download, status) {
          // 下載失敗,刪除本地臨時文件
          if(status != 200){
            console.log('下載失敗,status'+status);
            if(local_image_url != null){
              plus.io.resolveLocalFileSystemURL(local_image_url, function(entry) {
                entry.remove(function(entry) {
                  console.log("臨時文件刪除成功" + local_image_url);
                  // 重新下載圖片
                  download_img();
                }, function(e) {
                  console.log("臨時文件刪除失敗" + local_image_url);
                });
              });
            }
          }else{
            // 把下載成功的圖片顯示
            // 將本地URL路徑轉(zhuǎn)換成平臺絕對路徑
            console.log("下載成功" + local_image_url);
            imgObj.image = plus.io.convertLocalFileSystemURL(local_image_url);
          }
        });
        download_task.start();
      }    
    });
  }
 },
 actions: {
 }
}

總結(jié)

以上所述是小編給大家介紹的Vue+mui實(shí)現(xiàn)圖片的本地緩存示例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論

临邑县| 永康市| 雷波县| 措勤县| 翁牛特旗| 遂溪县| 伊川县| 五大连池市| 华池县| 孝昌县| 高雄县| 镇平县| 邯郸县| 平陆县| 舒兰市| 兰西县| 淮南市| 黑龙江省| 彰化市| 云梦县| 响水县| 达拉特旗| 唐海县| 教育| 攀枝花市| 友谊县| 吉木萨尔县| 外汇| 南岸区| 保定市| 自贡市| 宝应县| 康马县| 宁安市| 丹寨县| 西乌珠穆沁旗| 黑龙江省| 石家庄市| 巴南区| 灵丘县| 常德市|