PHP combined with zyupload multifunctional picture upload example-PHP Tutorial-php.cn

PHP combined with zyupload multifunctional picture upload example

little bottle

Release： 2023-04-05 22:48:01

forward

3282 people have browsed it

zyUpload is an HTML5 upload plug-in with excellent interface and excellent experience. The main content of this article is an example of multi-functional image uploading using PHP combined with zyupload, which supports dragging and cropping. It has certain reference value. Interested friends should check it out!

PHP combined with zyupload multifunctional picture upload example

zyupload upload basic configuration

 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 });

Copy after login

Remote upload 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 "

Copy after login