Maison >développement back-end >tutoriel php >PHP combiné avec un exemple de téléchargement d'images multifonctionnel zyupload

PHP combiné avec un exemple de téléchargement d'images multifonctionnel zyupload

little bottle
little bottleavant
2019-04-18 15:26:453279parcourir

zyUpload est un plug-in de téléchargement HTML5 avec une excellente interface et une excellente expérience. Le contenu principal de cet article est un exemple de téléchargement d'images multifonctionnel à l'aide de PHP combiné avec zyupload, qui prend en charge le glisser et le recadrage. Il a une certaine valeur de référence. Les amis intéressés devraient le vérifier !

PHP combiné avec un exemple de téléchargement dimages multifonctionnel zyupload

zyupload télécharger la configuration de base

 1 $("#zyupload").zyUpload({ 
 2     width: "650px", // 宽度  3     height: "400px", // 宽度  4     itemWidth: "140px", // 文件项的宽度  5     itemHeight: "115px", // 文件项的高度  6     url: "./up.php", // 上传文件的路径  7     fileType: ["jpg", "png", "txt", "js"], // 上传文件的类型  8     fileSize: 51200000, // 上传文件的大小  9     multiple: true, // 是否可以多个文件上传 10     dragDrop: true, // 是否可以拖动上传文件 11     tailor: true, // 是否可以裁剪图片 12     del: true, // 是否可以删除文件 13     finishDel: false, // 是否在上传文件完成后删除预览 14     /* 外部获得的回调接口 */ 15     onSelect: function(selectFiles, allFiles) {    // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件 16         console.info("当前选择了以下文件:"); 
17         console.info(selectFiles); 
18     }, 
19     onDelete: function(file, files) {              // 删除一个文件的回调方法 file:当前删除的文件  files:删除之后的文件 20         console.info("当前删除了此文件:"); 
21         console.info(file.name); 
22     }, 
23     onSuccess: function(file, response) {          // 文件上传成功的回调方法 24         console.info("此文件上传成功:"); 
25         console.info(file.name); 
26         console.info("此文件上传到服务器地址:"); 
27         console.info(response); 
28         $("#uploadInf").append("<p>上传成功,文件地址是:" + response + "</p>"); 
29     }, 
30     onFailure: function(file, response) {          // 文件上传失败的回调方法 31         console.info("此文件上传失败:"); 
32         console.info(file.name); 
33     }, 
34     onComplete: function(response) {                 // 上传完成的回调方法 35         console.info("文件上传完成"); 
36         console.info(response); 
37     } 
38 });

Téléchargement à distance up.php

 1 $uploaddir = &#39;uploads/&#39;; 
 2 $name = $_FILES[&#39;file&#39;][&#39;name&#39;]; 
 3 $uploadfile = $uploaddir . $name; 
 4 $type = strtolower(substr(strrchr($name, &#39;.&#39;), 1)); 
 5 //获取文件类型  6   7 if (!in_array($type, $typeArr)) { 
 8     echo "请上传jpg,png或gif类型的图片!"; 
 9     exit; 
10 } 
11 print "<pre class="brush:php;toolbar:false">"; 
12 if (move_uploaded_file($_FILES[&#39;file&#39;][&#39;tmp_name&#39;], $uploaddir . $_FILES[&#39;file&#39;][&#39;name&#39;])) { 
13     print "File is valid, and was successfully uploaded.  Here&#39;s some more debugging info:\n"; 
14     print_r($_FILES); 
15 } else { 
16     print "Possible file upload attack!  Here&#39;s some debugging info:\n"; 
17     print_r($_FILES); 
18 } 
19 print "
";

Tutoriels associés :Tutoriel vidéo PHP

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer