Maison > développement back-end > tutoriel php > Comment implémenter les fonctions de téléchargement et de téléchargement avec PHP et UniApp

Comment implémenter les fonctions de téléchargement et de téléchargement avec PHP et UniApp

WBOY
Libérer: 2023-07-05 09:50:01
original
1569 Les gens l'ont consulté

Comment PHP et UniApp implémentent les fonctions de téléchargement et de téléchargement

Dans les applications Internet modernes, il est très courant d'implémenter des fonctions de téléchargement et de téléchargement de fichiers. PHP est un puissant langage de script côté serveur et UniApp est un framework de développement multiplateforme basé sur Vue. Cet article expliquera comment utiliser PHP et UniApp pour implémenter les fonctions de téléchargement et de téléchargement de fichiers, et fournira des exemples de code correspondants.

  1. Implémentation de la fonction de téléchargement

Dans UniApp, vous pouvez utiliser la fonction uni.uploadFile() pour télécharger des fichiers. Tout d'abord, nous devons ajouter un bouton de téléchargement à la page UniApp et lier l'écouteur d'événement correspondant.

<template>
  <view>
    <button @click="chooseImage">选择图片</button>
    <button @click="uploadImage">上传图片</button>
  </view>
</template>
Copier après la connexion

Ensuite, écrivez la fonction de gestionnaire d'événements pour sélectionner les images et télécharger les images dans la balise script de la page correspondante.

<script>
export default {
  methods: {
    chooseImage() {
      uni.chooseImage({
        count: 1, // 可选择图片的数量
        success: (res) => {
          this.imagePath = res.tempFilePaths[0] // 选择的图片路径
        }
      })
    },
    uploadImage() {
      uni.uploadFile({
        url: 'http://your-domain.com/upload.php', // 上传接口地址
        filePath: this.imagePath, // 选择的图片路径
        name: 'file', // 服务器接收的文件字段名
        success: (res) => {
          console.log('上传成功', res)
        }
      })
    }
  }
}
</script>
Copier après la connexion

Dans le code ci-dessus, la fonction uni.chooseImage() qui sélectionne les images fera apparaître le sélecteur d'image du système. L'utilisateur peut sélectionner une image dans l'album et enregistrer le chemin de l'image sélectionnée dans la variable imagePath dans les données. La fonction uni.uploadFile() pour télécharger des images téléchargera le fichier image sélectionné à l'adresse du serveur spécifiée.

Ensuite, nous devons utiliser PHP côté serveur pour gérer le téléchargement de fichiers. Vous pouvez utiliser le tableau $_FILES pour accéder aux informations sur les fichiers téléchargés. Ce qui suit est un exemple de code pour un simple fichier upload.php.

<?php
$targetDir = "uploads/";
$targetFile = $targetDir . basename($_FILES["file"]["name"]);

if(move_uploaded_file($_FILES["file"]["tmp_name"], $targetFile)){
    echo "上传成功";
}else{
    echo "上传失败";
}
?>
Copier après la connexion

Dans le fichier upload.php, nous spécifions d'abord le répertoire $targetDir où le fichier est enregistré, et utilisons la fonction basename() pour obtenir le nom du fichier téléchargé. Ensuite, utilisez la fonction move_uploaded_file() pour déplacer le fichier temporaire téléchargé vers le répertoire spécifié. Enfin, en fonction du résultat du déplacement du fichier, les informations correspondantes sur la réussite ou l'échec du téléchargement sont affichées.

  1. Implémentation de la fonction de téléchargement

La fonction de téléchargement de fichiers peut être facilement réalisée grâce à la fonction uni.downloadFile() dans UniApp. Il suffit d'ajouter un bouton de téléchargement à la page et d'écrire la fonction de gestion des événements correspondante.

<template>
  <button @click="downloadFile">下载文件</button>
</template>
Copier après la connexion

Ensuite, vous devez écrire la fonction de gestionnaire d'événements pour télécharger le fichier dans la balise script de la page.

<script>
export default {
  methods: {
    downloadFile() {
      uni.downloadFile({
        url: 'http://your-domain.com/files/file.pdf', // 下载链接
        success: (res) => {
          console.log('下载成功', res)
          uni.saveFile({
            tempFilePath: res.tempFilePath, // 下载成功后的临时文件路径
            success: (res) => {
              console.log('保存成功', res)
            }
          })
        }
      })
    }
  }
}
</script>
Copier après la connexion

Dans le code ci-dessus, la fonction uni.downloadFile() qui télécharge le fichier téléchargera le fichier dans un répertoire temporaire et enregistrera le chemin du fichier temporaire une fois le téléchargement réussi dans res.tempFilePath. Nous pouvons utiliser la fonction uni.saveFile() pour enregistrer des fichiers temporaires sur le stockage local pour une utilisation ultérieure.

Jusqu'à présent, nous avons terminé l'introduction de la façon dont PHP et UniApp implémentent les fonctions de téléchargement et de téléchargement de fichiers. En utilisant l'exemple de code ci-dessus, vous pouvez facilement télécharger et télécharger des fichiers dans votre application Internet. J'espère que cet article pourra vous être utile !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal