WeChat applet development combat (22): carga y descarga de archivos

1. Cargar archivos

Utilice el método wx.uploadFile para cargar archivos en la URL especificada. Este método tiene solo un parámetro de tipo Objeto y la descripción de las propiedades del parámetro de tipo Objeto se muestra a continuación.

  • url: tipo de cadena, obligatorio, la URL del servidor utilizada para cargar archivos

  • filePath: tipo de cadena, obligatorio, la ruta local del recurso de archivo que se va a cargar

  • nombre: tipo de cadena, requerido, la clave correspondiente al archivo, el desarrollador puede obtener el contenido binario del archivo a través de esta clave en el lado del servidor

  • encabezado: tipo de objeto, opcional, encabezado de solicitud HTTPS, no se puede establecer el referenciador

  • formData: tipo de objeto, opcional, otros datos de formulario adicionales en la solicitud HTTPS

  • éxito: tipo de función, opcional, función de devolución de llamada para una llamada de interfaz exitosa

  • fail: tipo de función, opcional, función de devolución de llamada para error de llamada de interfaz

  • complete: tipo de función, opcional, la función de devolución de llamada para el final de la llamada de interfaz (la llamada se ejecutará si tiene éxito o falla)

Para probar el método wx.uploadFile, también necesita encontrar un enlace https. De lo contrario, puede usar https://www.baidu.com. Aunque el enlace no recibirá el archivo cargado, permitirá que el método wx.uploadFile se ejecute normalmente con fines de prueba. La función de devolución de llamada.

El siguiente código muestra un cuadro de diálogo de selección de imagen a través del método wx.chooseImage. Después de seleccionar el archivo de imagen, llamará al método wx.uploadFile para cargar el archivo en el servidor. Si la carga es exitosa, se llamará a la función de éxito y se emitirán los datos de respuesta.

wx.chooseImage({
  success: function(res) {
    var tempFilePaths = res.tempFilePaths
    wx.uploadFile({
      url: 'https://www.baidu.com',
      filePath: tempFilePaths[0],
      name: 'file',
      formData:{
        'user': 'Bill'
      },
      success: function(res){
        var data = res.data
       console.log(data);
      }
    })
  }
})

 

2. Descarga el archivo

Utilice el método wx.downloadFile para descargar un archivo a una ruta temporal. Este método tiene un parámetro de tipo de objeto. La descripción de las propiedades del parámetro de tipo de objeto se muestra a continuación.

  • url: tipo de cadena, obligatorio, la URL del recurso de descarga

  • encabezado: tipo de objeto, opcional, encabezado de solicitud HTTPS

  • éxito: tipo de función, opcional. Una vez que la descarga se haya realizado correctamente, se enviará a la página en forma de tempFilePath, res = {tempFilePath: 'La ruta temporal del archivo'}

  • fail: tipo de función, opcional, función de devolución de llamada para error de llamada de interfaz

  • complete: tipo de función, opcional, la función de devolución de llamada para el final de la llamada de interfaz (la llamada se ejecutará si tiene éxito o falla)

De manera similar, al usar el método wx.downloadFile, también debe descargar los recursos especificados por la URL HTTPS. Por ejemplo, el siguiente código descargará la página de inicio de Baidu.

wx.downloadFile({
  url: 'https://www.baidu.com',
  success: function(res) {
      //  输出下载资源存储的临时文件名
      console.log( res.tempFilePath);
  }
})

El recurso descargado se guardará como un archivo temporal. Podemos obtener el nombre del archivo temporal a través de res.tempFilePath y hacer un procesamiento adicional. Por ejemplo, si la descarga es un archivo de video, puede usar el método wx.playVoice para reproducirlo.

Después de ejecutar este código, verá el nombre del archivo temporal que se muestra en la salida de la Figura 1 en la consola.

Figura 1 Archivos temporales para descargar recursos

Si está interesado en este artículo, puede agregar la cuenta pública de WeChat del profesor Li Ning (unitymarvel):

Siga la cuenta oficial de "Geek Origin" para obtener más videos y artículos técnicos gratuitos.

Supongo que te gusta

Origin blog.csdn.net/nokiaguy/article/details/108162786
Recomendado
Clasificación