Heim > Backend-Entwicklung > PHP-Tutorial > Das thinkPHP5-Framework integriert plupload, um einen Batch-Upload von Bildern zu ermöglichen

Das thinkPHP5-Framework integriert plupload, um einen Batch-Upload von Bildern zu ermöglichen

不言
Freigeben: 2023-03-25 11:48:01
Original
2700 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Integration des thinkPHP5-Frameworks mit plupload vor, um einen Batch-Upload von Bildern zu realisieren. Jetzt kann ich ihn mit Ihnen teilen.

Dieser Artikel beschreibt Die Integration des thinkPHP5-Frameworks mit Beispielen ist eine Methode zur Implementierung der Batch-Upload-Funktion von Bildern. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Laden Sie plupload auf der offiziellen Website herunter http://http//www.plupload.com

Oder klicken Sie hier, um diese Website herunterzuladen.

Hier verwenden wir pluploadQueue

Fügen Sie das entsprechende CSS und JS in die HTML-Seite ein und ändern Sie es dann basierend auf dem Beispielcode in Ihren eigenen 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>
Nach dem Login kopieren

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;);
  }
}
Nach dem Login kopieren

Schließlich erhält der Controller oder das Modell das Ergebnis und speichert es

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

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

Verwandte Empfehlungen:

Bild-Upload Plug-in basierend auf ThinkPHP5.0

So verwenden Sie Memcached zum Zwischenspeichern von Daten im ThinkPHP-Framework

Das obige ist der detaillierte Inhalt vonDas thinkPHP5-Framework integriert plupload, um einen Batch-Upload von Bildern zu ermöglichen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage