thinkPHP5 framework integrates plupload to realize batch upload of images

This article mainly introduces the integration of thinkPHP5 framework with plupload to realize batch upload of images. It has certain reference value. Now I share it with you. Friends in need can refer to it.

This article describes the integration of thinkPHP5 framework with examples. plupload is a method to implement the batch upload function of images. Share it with everyone for your reference, the details are as follows:

Download plupload on the official website http://http//www.plupload.com

Or click here for this site download.

Here we are using pluploadQueue

Introduce the corresponding css and js into the HTML page, and then modify it to your own code based on the sample 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 id="lang-photo">{: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>

plupload integration:

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

Finally the Controller or Model gets the result and saves it

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

Related recommendations:

Image upload plug-in based on ThinkPHP5.0

How to use Memcached to cache data in the ThinkPHP framework

The above is the detailed content of thinkPHP5 framework integrates plupload to realize batch upload of images. For more information, please follow other related articles on the PHP Chinese website!