Le framework thinkPHP5 intègre plupload pour réaliser le téléchargement par lots d'images

Cet article présente principalement l'intégration du framework thinkPHP5 avec plupload pour réaliser le téléchargement par lots d'images. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Cet article le décrit. l'intégration du framework thinkPHP5 avec des exemples plupload est une méthode pour implémenter la fonction de téléchargement par lots d'images. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Téléchargez plupload sur le site officiel http://http//www.plupload.com

Ou cliquez ici pour télécharger ce site Web.

Ici, nous utilisons pluploadQueue

Introduisez les CSS et js correspondants dans la page HTML, puis modifiez-les avec votre propre code en fonction de l'exemple de code

<link rel="stylesheet" href="/assets/plupupload/css/jquery.plupload.queue.css" rel="external nofollow" type="text/css" media="screen" />
<p class="form-box-header"><h3>{:lang(&#39;photo&#39;)}</h3></p>
<p class="t-d-in-editor">
  <p class="t-d-in-box">
    <p id="uploader">
      <p>{:lang(&#39;plupupload_tip&#39;)}</p>
    </p>
    <p id="uploaded"></p>
  </p>
</p>
<script type="text/javascript" src="/assets/plupupload/plupload.full.min.js"></script>
<script type="text/javascript" src="/assets/plupupload/jquery.plupload.queue.js"></script>
<script type="text/javascript">
$(function() {
// Setup html5 version
$("#uploader").pluploadQueue({
// General settings
runtimes : &#39;html5,flash,silverlight,html4&#39;,
url : &#39;{:url("photo/upphoto")}&#39;,
chunk_size: &#39;1mb&#39;,
rename : true,
dragdrop: true,
filters : {
// Maximum file size
max_file_size : &#39;10mb&#39;,
// Specify what files to browse for
mime_types: [
{title : "Image files", extensions : "jpg,gif,png"}
]
},
// Resize images on clientside if we can
resize : {width : 320, height : 240, quality : 90},
flash_swf_url : &#39;/assets/plupupload/Moxie.swf&#39;,
silverlight_xap_url : &#39;/assets/plupupload/Moxie.xap&#39;,
        init: {
            PostInit: function() {
              $(&#39;#uploaded&#39;).html("");
            },
            FileUploaded : function(uploader , files, result) {
              up_image = result.response;
              if(up_image != ""){
                $("#uploaded").append("<input type=&#39;hidden&#39; name=&#39;images[]&#39; value=&#39;"+up_image+"&#39;/>"); //这里获取到上传结果
              }
            }
        }
});
});
</script>

intégration plupload :

<?php
/* 
 * 文件上传
 * 
 * Donald
 * 2017-3-21
 */
namespace app\backend\logic;
use think\Model;
class Plupupload extends Model{
  public function upload_pic($file_type="data"){
    #!! IMPORTANT: 
    #!! this file is just an example, it doesn&#39;t incorporate any security checks and 
    #!! is not recommended to be used in production environment as it is. Be sure to 
    #!! revise it and customize to your needs.
    // Make sure file is not cached (as it happens for example on iOS devices)
    header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
    header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
    header("Cache-Control: no-store, no-cache, must-revalidate");
    header("Cache-Control: post-check=0, pre-check=0", false);
    header("Pragma: no-cache");
    /* 
    // Support CORS
    header("Access-Control-Allow-Origin: *");
    // other CORS headers if any...
    if ($_SERVER[&#39;REQUEST_METHOD&#39;] == &#39;OPTIONS&#39;) {
        exit; // finish preflight CORS requests here
    }
    */
    // 5 minutes execution time
    @set_time_limit(5 * 60);
    // Uncomment this one to fake upload time
    // usleep(5000);
    // Settings
    //重新设置上传路径
    $uploads = config(&#39;uploads_dir&#39;);
    if(!empty($file_type)){
      $uploads = $uploads .$file_type."/".date("Ymd");
    }
    $targetDir = $uploads;
    //$targetDir = &#39;uploads&#39;;
    $cleanupTargetDir = true; // Remove old files
    $maxFileAge = 5 * 3600; // Temp file age in seconds
    // Create target dir
    if (!file_exists($targetDir)) {
        @mkdir($targetDir);
    }
    // Get a file name
    if (isset($_REQUEST["name"])) {
        $fileName = $_REQUEST["name"];
    } elseif (!empty($_FILES)) {
        $fileName = $_FILES["file"]["name"];
    } else {
        $fileName = uniqid("file_");
    }
    //重命名文件
    $fileName_arr = explode(".", $fileName);
    $fileName = myrule().".".$fileName_arr[1]; //rule()请查看上篇我的上篇博客thinkphp同时上传多张图片文件重名问题
    $filePath = $targetDir . DIRECTORY_SEPARATOR . $fileName;
    // Chunking might be enabled
    $chunk = isset($_REQUEST["chunk"]) ? intval($_REQUEST["chunk"]) : 0;
    $chunks = isset($_REQUEST["chunks"]) ? intval($_REQUEST["chunks"]) : 0;
    // Remove old temp files 
    if ($cleanupTargetDir) {
        if (!is_dir($targetDir) || !$dir = opendir($targetDir)) {
            die(&#39;{"jsonrpc" : "2.0", "error" : {"code": 100, "message": "Failed to open temp directory."}, "id" : "id"}&#39;);
        }
        while (($file = readdir($dir)) !== false) {
            $tmpfilePath = $targetDir . DIRECTORY_SEPARATOR . $file;
            // If temp file is current file proceed to the next
            if ($tmpfilePath == "{$filePath}.part") {
                continue;
            }
            // Remove temp file if it is older than the max age and is not the current file
            if (preg_match(&#39;/\.part$/&#39;, $file) && (filemtime($tmpfilePath) < time() - $maxFileAge)) {
                @unlink($tmpfilePath);
            }
        }
        closedir($dir);
    } 
    // Open temp file
    if (!$out = @fopen("{$filePath}.part", $chunks ? "ab" : "wb")) {
        die(&#39;{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}&#39;);
    }
    if (!empty($_FILES)) {
        if ($_FILES["file"]["error"] || !is_uploaded_file($_FILES["file"]["tmp_name"])) {
            die(&#39;{"jsonrpc" : "2.0", "error" : {"code": 103, "message": "Failed to move uploaded file."}, "id" : "id"}&#39;);
        }
        // Read binary input stream and append it to temp file
        if (!$in = @fopen($_FILES["file"]["tmp_name"], "rb")) {
            die(&#39;{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}&#39;);
        }
    } else { 
        if (!$in = @fopen("php://input", "rb")) {
            die(&#39;{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}&#39;);
        }
    }
    while ($buff = fread($in, 4096)) {
        fwrite($out, $buff);
    }
    @fclose($out);
    @fclose($in);
    // Check if file has been uploaded
    if (!$chunks || $chunk == $chunks - 1) {
        // Strip the temp .part suffix off 
        rename("{$filePath}.part", $filePath);
    }
    // Return Success JSON-RPC response
    die($filePath); //这里直接返回结果
    // die(&#39;{"jsonrpc" : "2.0", "result" : "&#39;.$filePath.&#39;", "id" : "id"}&#39;);
  }
}

Enfin, le contrôleur ou le modèle obtient le résultat et l'enregistre

$images = $request->post('images/a'); //这里一定要注意， thinkphp通过name获取post数组时会获取不到数据，需要在name后加/a，表示获取数组详见Request的typeCast
model('PhotoImage')->query_insert($images, $id);//批量插入图片

/**
* 强制类型转换
* @param string $data
* @param string $type
* @return mixed
*/
private function typeCast(&$data, $type)
{
    switch (strtolower($type)) {
      // 数组
      case 'a':
        $data = (array) $data;
        break;
      // 数字
      case 'd':
        $data = (int) $data;
        break;
      // 浮点
      case 'f':
        $data = (float) $data;
        break;
      // 布尔
      case 'b':
        $data = (boolean) $data;
        break;
      // 字符串
      case 's':
      default:
        if (is_scalar($data)) {
          $data = (string) $data;
        } else {
          throw new \InvalidArgumentException('variable type error：' . gettype($data));
        }
    }
}

Recommandations associées :

Implémentation du plug-in de téléchargement d'images basé sur ThinkPHP5.0

La méthode d'utilisation de Memcached pour mettre en cache les données dans le framework ThinkPHP

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!