Rumah > hujung hadapan web > uni-app > teks badan

Bagaimana untuk menyimpan gambar secara setempat dalam uniapp

PHPz
Lepaskan: 2023-04-20 15:59:19
asal
7221 orang telah melayarinya

Dengan pembangunan Internet mudah alih dan aplikasi mudah alih, ia telah digunakan secara meluas untuk pengguna menyimpan dan mengurus sejumlah besar gambar semasa penggunaan aplikasi. Uniapp ialah rangka kerja merentas platform yang dibangunkan berdasarkan Vue.js, yang boleh membangunkan program kecil, H5, App dan aplikasi lain dengan mudah. Semasa proses pembangunan, kadangkala perlu menyimpan gambar yang diperoleh secara tempatan untuk panggilan pantas pada masa akan datang. Mari kita lihat bagaimana Uniapp menyimpan gambar secara tempatan.

1. Dapatkan imej
Semasa proses pembangunan, kita perlu menggunakan imej Kita boleh mendapatkan sumber imej melalui uni.request atau uni.downloadFile.

  1. uni.request
    uni.request ialah kaedah biasa untuk membuat permintaan rangkaian dalam Uniapp Kami boleh mendapatkan sumber imej dengan menetapkan atribut responseType. Kod khusus adalah seperti berikut:
uni.request({
  url: 'http://www.example.com/resource/1.jpg',
  responseType: 'arraybuffer',
  success: (res) => {
    uni.saveFile({
      tempFilePath: res.tempFilePath,
      success: (saveRes) => {
        console.log(saveRes);
      }
    });
  }
});
Salin selepas log masuk

Antaranya, url ialah pautan kepada imej, dan responseType ialah 'arraybuffer', yang bermaksud untuk mendapatkan sumber imej dalam bentuk binari. Selepas pemerolehan berjaya, ia disimpan ke tempFilePath, dan akhirnya melalui uni .saveFile untuk menyimpan imej secara setempat.

  1. uni.downloadFile
    uni.downloadFile ialah kaedah biasa untuk memuat turun fail dalam Uniapp Kami boleh mendapatkan sumber imej dengan menetapkan atribut url. Kod khusus adalah seperti berikut:
uni.downloadFile({
  url: 'http://www.example.com/resource/1.jpg',
  success: (res) => {
    uni.saveFile({
      tempFilePath: res.tempFilePath,
      success: (saveRes) => {
        console.log(saveRes);
      }
    });
  }
});
Salin selepas log masuk

Antaranya, url adalah pautan imej Selepas pemerolehan berjaya, ia akan disimpan ke tempFilePath, dan akhirnya imej akan disimpan secara setempat. melalui uni.savefile.

2. Simpan imej
Kami telah memperoleh sumber imej, dan kini kami perlu menyimpannya secara setempat. Fail boleh disimpan secara setempat melalui uni.saveFile, tetapi laluan simpan adalah berbeza untuk setiap platform Uniapp merangkum kaedah getFileSystemManager untuk mendapatkan laluan storan tempatan platform semasa.

Kod khusus adalah seperti berikut:

uni.getFileSystemManager().access({
  path: '/storage/emulated/0/uniapp_demo/',
  success: () => {
    uni.saveFile({
      tempFilePath: res.tempFilePath,
      filePath: '/storage/emulated/0/uniapp_demo/1.jpg',
      success: (res) => {
        console.log('保存成功');
      }
    });
  },
  fail: () => {
    uni.getFileSystemManager().mkdir({
      dirPath: '/storage/emulated/0/uniapp_demo/',
      success: () => {
        uni.saveFile({
          tempFilePath: res.tempFilePath,
          filePath: '/storage/emulated/0/uniapp_demo/1.jpg',
          success: (res) => {
            console.log('保存成功');
          }
        });
      }
    });
  }
});
Salin selepas log masuk

Antaranya, laluan ialah laluan storan setempat digunakan untuk menentukan sama ada direktori itu wujud digunakan untuk mencipta direktori Akhirnya, uni.saveFile digunakan untuk menyimpan direktori.

3. Kesimpulan
Di atas adalah cara untuk menyimpan gambar secara setempat dalam Uniapp Pembangun boleh menyesuaikannya mengikut keperluan mereka sendiri. Jika anda menghadapi masalah semasa penggunaan, anda boleh menyelesaikannya melalui dokumentasi tapak web rasmi Uniapp atau siaran dalam komuniti. Semoga artikel ini dapat membantu anda.

Atas ialah kandungan terperinci Bagaimana untuk menyimpan gambar secara setempat dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan