PHP kombiniert mit zyupload, Beispiel für multifunktionales Hochladen von Bildern

zyUpload ist ein HTML5-Upload-Plug-in mit hervorragender Benutzeroberfläche und hervorragendem Erlebnis. Der Hauptinhalt dieses Artikels ist ein Beispiel für das multifunktionale Hochladen von Bildern mit PHP, das das Ziehen und Zuschneiden unterstützt. Interessierte Freunde sollten es sich ansehen.

zyupload Grundkonfiguration hochladen

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

Remote-Upload up.php

 1 $uploaddir = 'uploads/'; 
 2 $name = $_FILES['file']['name']; 
 3 $uploadfile = $uploaddir . $name; 
 4 $type = strtolower(substr(strrchr($name, '.'), 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 "

";

Verwandte Tutorials: PHP-Video-Tutorial

Das obige ist der detaillierte Inhalt vonPHP kombiniert mit zyupload, Beispiel für multifunktionales Hochladen von Bildern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!