Code PHP && Ứng Dụng: uploads images

Hiển thị các bài đăng có nhãn uploads images. Hiển thị tất cả bài đăng

Thứ Hai, 26 tháng 10, 2020

Đăng ảnh nhanh

#### Code

if (is_uploaded_file($_FILES['userfile_little']['tmp_name'])) {

$realname = $_FILES['userfile_little']['name'];

$f_name = explode(".",$realname);

$extension = strtolower($f_name[1]);

$datakod = date(U);

$ten_save = "".$datakod.".".$extension."";

$res = copy($_FILES['userfile_little']['tmp_name'], "../uploads/pic/".$ten_save."");

}

Thứ Ba, 4 tháng 8, 2020

Code PHP Hiện chữ lên ảnh khi upload ảnh

- HIện chữ lên ảnh khi upload ảnh lên Host.

Download: Tại đây

Chủ Nhật, 15 tháng 12, 2019

<form method="post" action="save_image" enctype="multipart/form-data">
<p>Chọn file để upload:
(Cỡ lớn nhất mà PHP đang cấu hình cho phép upload là
'.ini_get('upload_max_filesize').')</p>

<input name="fileupload[]" type="file" multiple="multiple" />
<input type="submit" value="Đăng ảnh" name="submit">
</form>

#### save_image
if (($_SERVER['REQUEST_METHOD'] === 'POST') && (isset($_FILES['fileupload']))) {

$files = $_FILES['fileupload'];
$names = $files['name'];
$types = $files['type'];
$tmp_names = $files['tmp_name'];
$errors = $files['error'];
$sizes = $files['size'];
$path = "đường_dẫn_upload_image";

$numitems = count($names);
$numfiles = 0;
for ($i = 0; $i < $numitems; $i ++) {
//Kiểm tra file thứ $i trong mảng file, up thành công không
if ($errors[$i] == 0)
{
$numfiles++;
echo "Bạn upload file thứ $numfiles:<br>";
echo "Tên file: $names[$i] <br>";
echo "Lưu tại: $tmp_names[$i] <br>";
echo "Cỡ file: $sizes[$i] <br><hr>";

//Code xử lý di chuyển file đến thư mục cần thiết ở đây
//Ví dụ move_uploaded_file($tmp_names[$i], /upload/'.$names[$i]);

move_uploaded_file($tmp_names[$i], $path.$names[$i]);

}
}
echo "Tổng số file upload: " .$numfiles;

}

Thứ Năm, 3 tháng 10, 2019

Upload file trong PHP

Link website code này.

Tổng quan: để HTML FORM có thể gửi file lên server thì form phải có thuộc tính enctype="multipart/form-data", phần tử trong form để gửi file có dạng <input type="file" name="myfile" ... />

Khi file Upload lên Server thì file sẽ lưu vào một thư mục tạm của hệ thống PHP, và toàn bộ thông tin về file upload sẽ lưu trong biến mảng $_FILES

Ví dụ:

array (size=1)
    'myfile' =>
        array (size=5)
            'name' => string 'somefile.txt' (length=12)
            'type' => string 'text/plain' (length=10)
            'tmp_name' => string '/tmp/phpDC66.tmp' (length=16)
            'error' => int 0
            'size' => int 18

name -- tên gốc của file.
type -- MIME 41
tmp_name -- lưu tạm file upload.
error -- Mã lỗi, nếu mã này bằng 0 là không lỗi.
size -- Cỡ file.

Bằng việc đọc $_FILES bạn sẽ biết các thông tin về file được upload, nơi file đang lưu tạm, bạn cần phải xử lý bằng các hàm PHP để di chuyển file ra một vị trí theo cấu trúc thư mục của ứng dụng.

Nếu sau khi upload vào thư mục tạm một thời gian (như trên là /tmp/) một thời gian (do cấu hình hệ thống) mà bạn không di chuyển nó đến vị trí thích hợp, nó sẽ tự xóa.

Tạo form HTML upload file

Để thực hành upload file trong PHP, trước tiên tạo form cho phép người dùng chọn file và gửi file đó lên server. Giả sử code PHP để xử lý upload các file hình ảnh nằm ở /uploadimg.php thì bạn có thể xây dựng form như sau:

<!DOCTYPE html>
<html>
<body>
<form action="/upload.php" method="post" enctype="multipart/form-data">
    Chọn file để upload:
    <input type="file" name="fileupload" id="fileupload">
    <input type="submit" value="Đăng ảnh" name="submit">
</form>
</body>
</html>

Hiện thị form có dạng:

Lưu ý khi tạo form để uplad ảnh (file) thì cần thiết đặt thuộc tính form có
method="post" enctype="multipart/form-data"
Phần tử chọn file trong form là input với kiểu type="file"

Code PHP xử lý Upload

Code xử lý upload sau là xử lý chỉ cho upload các file ảnh, với các loại file là jpg, png, jpeg, gif. File Upload file có cỡ < 0.8 MB. File Upload sẽ lưu vào thư mục uploads

Code xử lý upload file để trong file /upload.php có nội dung như sau:

<?php
//Thư mục bạn sẽ lưu file upload
$target_dir    = "uploads/";
//Vị trí file lưu tạm trong server
$target_file   = $target_dir . basename($_FILES["fileupload"]["name"]);
$allowUpload   = true;
//Lấy phần mở rộng của file
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
$maxfilesize   = 800000; //(bytes)
////Những loại file được phép upload
$allowtypes    = array('jpg', 'png', 'jpeg', 'gif');


if(isset($_POST["submit"])) {
    //Kiểm tra xem có phải là ảnh
    $check = getimagesize($_FILES["fileupload"]["tmp_name"]);
    if($check !== false) {
        echo "Đây là file ảnh - " . $check["mime"] . ".";
        $allowUpload = true;
    } else {
        echo "Không phải file ảnh.";
        $allowUpload = false;
    }
}

// Kiểm tra nếu file đã tồn tại thì không cho phép ghi đè
if (file_exists($target_file)) {
    echo "File đã tồn tại.";
    $allowUpload = false;
}
// Kiểm tra kích thước file upload cho vượt quá giới hạn cho phép
if ($_FILES["fileupload"]["size"] > $maxfilesize)
{
    echo "Không được upload ảnh lớn hơn $maxfilesize (bytes).";
    $allowUpload = false;
}


// Kiểm tra kiểu file
if (!in_array($imageFileType,$allowtypes ))
{
    echo "Chỉ được upload các định dạng JPG, PNG, JPEG, GIF";
    $allowUpload = false;
}

// Check if $uploadOk is set to 0 by an error
if ($allowUpload) {
    if (move_uploaded_file($_FILES["fileupload"]["tmp_name"], $target_file))
    {
        echo "File ". basename( $_FILES["fileupload"]["name"]).
        " Đã upload thành công";
    }
    else
    {
        echo "Có lỗi xảy ra khi upload file.";
    }
}
else
{
    echo "Không upload được file!";
}
?>

Giải thích code trên:

Các file mà form HTML upload nên, được PHP lưu ở một thư mục tạm hệ thống, và tất cả các thông tin về file được lưu ở biến mảng $_FILE, cấu trúc biến này như sau:

$_FILE = Array
    (
        [file1] => Array
            (
                [name] => 'test2.txt';//một tên file người dùng upload
                [type] => text/plain  (kiểu nội dung file text)
                [tmp_name] => /tmp/php/php1h4j1 //vị trí lưu file tạm thời trên server.
                [error] => UPLOAD_ERR_OK (= 0 là không lỗi)
                [size] => 123   (kích thước file - bype)
            )

        [file2] => Array
            (
                [name] => test.jpg
                [type] => image/jpeg
                [tmp_name] => /tmp/php/php6hst32
                [error] => UPLOAD_ERR_OK
                [size] => 98174
            )
    )

file1, file2 ... tên key tương ứng với tên phần tử form upload file, ví dụ trên là fileupload

Như vậy khi xủ lý upload file, bạn truy cập vào $_FILE và di chuyển file vừa upload từ tmp_name sang vị trí mới bạn muốn lưu $target_file bằng hàm move_uploaded_file($_FILES["fileupload"]["tmp_name"],$target_file )

Kiểm tra file upload có phải là file ảnh (dùng cho trường hợp bạn chỉ cho phép up ảnh) thì đầu tiên gọi getimagesize() để xem kích thước ảnh, nếu hàm phân tích được có nghĩa là ảnh, ngược lại là một loại file khác.

Kiểm tra phần mở rộng của tên file: Lấy phần mở rộng $imageFileType = pathinfo($target_file,PATHINFO_EXTENSION); rồi so sánh với các mẫu cho phép.

Code PHP Upload nhiều File

Trong thẻ <input /> nếu có thuộc tính multiple="multiple" và tên phần tử chỉ ra là mảng, thì cho phép chọn một lúc nhiều file để upload.

Ví dụ HTML như sau:

<input name="fileupload[]" type="file" multiple="multiple" />

Lúc này tại PHP $_FILES['fileupload'] sẽ chứa 5 mảng

$_FILES['fileupload']['name'] chứa các tên file upload
$_FILES['fileupload']['type'] các kiểu MIME 41
$_FILES['fileupload']['tmp_name'] chứa các vị trí lưu tạm file
$_FILES['fileupload']['error'] mảng báo lỗi
$_FILES['fileupload']['size'] kích thước file

Đoạn code sau hiện thị FORM để bạn chọn một lúc nhiều file upload, sau đó code PHP sẽ hiện thị các thông tin về các file mà bạn upload lên. Hãy chạy và chọn thử nhiều file upload để kiểm tra

<?php

if (($_SERVER['REQUEST_METHOD'] === 'POST') &&
    (isset($_FILES['fileupload']))) {

    $files = $_FILES['fileupload'];

        $names      = $files['name'];
        $types      = $files['type'];
        $tmp_names  = $files['tmp_name'];
        $errors     = $files['error'];
        $sizes      = $files['size'];


        $numitems = count($names);
        $numfiles = 0;
        for ($i = 0; $i < $numitems; $i ++) {
            //Kiểm tra file thứ $i trong mảng file, up thành công không
            if ($errors[$i] == 0)
            {
                $numfiles++;
                echo "Bạn upload file thứ $numfiles:<br>";
                echo "Tên file: $names[$i] <br>";
                echo "Lưu tại: $tmp_names[$i] <br>";
                echo "Cỡ file: $sizes[$i] <br><hr>";

                //Code xử lý di chuyển file đến thư mục cần thiết ở đây
                //Ví dụ move_uploaded_file($tmp_names[$i], /upload/'.$names[$i]);

            }
        }
        echo "Tổng số file upload: " .$numfiles;
}
?>

<form method="post" enctype="multipart/form-data">
    <p>Chọn file để upload:
      (Cỡ lớn nhất mà PHP đang cấu hình cho phép upload là
      <?=ini_get('upload_max_filesize')?>)</p>

    <input name="fileupload[]" type="file" multiple="multiple" />
    <input type="submit" value="Đăng ảnh" name="submit">
</form>

Thứ Hai, 28 tháng 5, 2018

Lỗi đường dẫn hoặc permission

**** kiểm tra
- kiểm tra đường dẫn xem có đúng không
- kiểm tra permission

**** Lỗi:
Warning: move_uploaded_file() [function.move-uploaded-file]: Unable to access /uploads/shop/category/

Thứ Năm, 14 tháng 12, 2017

PHP Upload and Resize Image

Link Web: http://www.thaicreate.com/php/php-upload-resize-image.html

CÁCH 1: CHỈNH SỬA HÌNH NHỎ HÌNH LỚN

phpUploadResize.html

<html>

<head>

<title>ThaiCreate.Com PHP Upload Resize</title>

</head>

<body>

<tr>

<td>Upload</td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

phpUploadResize.php

<html>

<head>

<title>ThaiCreate.Com PHP Upload Resize</title>

</head>

<body>

<?php

if(trim($_FILES["fileUpload"]["tmp_name"]) != ""){

$images = $_FILES["fileUpload"]["tmp_name"];

$new_images = "Thumbnails_".$_FILES["fileUpload"]["name"];

copy($_FILES["fileUpload"]["tmp_name"],"MyResize/".$_FILES["fileUpload"]["name"]);

$width=100; //*** Fix Width & Heigh (Autu caculate) ***//

$size=GetimageSize($images);

$height=round($width*$size[1]/$size[0]);

$images_orig = ImageCreateFromJPEG($images);

$photoX = ImagesX($images_orig);

$photoY = ImagesY($images_orig);

$images_fin = ImageCreateTrueColor($width, $height);.

ImageCopyResampled($images_fin, $images_orig, 0, 0, 0, 0, $width+1, $height+1, $photoX, $photoY);

ImageJPEG($images_fin,"MyResize/".$new_images);

ImageDestroy($images_orig);

ImageDestroy($images_fin);

}

<b>Original Size</b><br>

<hr>

<b>New Resize</b><br>

</body>

</html>

#*********************************************************#
CÁCH 2: CHỈNH SỬA HÌNH NHỎ HÌNH LỚN

link web: https://stackoverflow.com/questions/18805497/php-resize-image-on-upload

define ("MAX_SIZE","10000");
$errors=0;

$image =$_FILES["fileField"]["name"];
$uploadedfile = $_FILES['fileField']['tmp_name'];
if($image){
$filename = stripslashes($_FILES['fileField']['name']);
$extension = strtolower(getExtension($filename));
if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif")){
echo ' Unknown Image extension ';
$errors=1;
} else{
$newname = "$product_cn."."$extension";
$size=filesize($_FILES['fileField']['tmp_name']);
if ($size > MAX_SIZE*1024){
echo "You have exceeded the size limit";
$errors=1;
}
if($extension=="jpg" || $extension=="jpeg" ){
$uploadedfile = $_FILES['file']['tmp_name'];
$src = imagecreatefromjpeg($uploadedfile);
}else if($extension=="png"){
$uploadedfile = $_FILES['file']['tmp_name'];
$src = imagecreatefrompng($uploadedfile);
}else{
$src = imagecreatefromgif($uploadedfile);
}
list($width,$height)=getimagesize($uploadedfile);

$newwidth=60;
$newheight=($height/$width)*$newwidth;
$tmp=imagecreatetruecolor($newwidth,$newheight);

$newwidth1=25;
$newheight1=($height/$width)*$newwidth1;
$tmp1=imagecreatetruecolor($newwidth1,$newheight1);

imagecopyresampled($tmp,$src,0,0,0,0,$newwidth,$newheight, $width,$height);

imagecopyresampled($tmp1,$src,0,0,0,0,$newwidth1,$newheight1, $width,$height);

$filename = "../products_images/".$newname;
$filename1 = "../products_images/thumbs/".$newname;

imagejpeg($tmp,$filename,100); //file name also indicates the folder where to save it to
imagejpeg($tmp1,$filename1,100);

imagedestroy($src);
imagedestroy($tmp);
imagedestroy($tmp1);

}

}

#*********************************************************#
CÁCH 3:

link web: https://formstone.it/components/upload/demo/

Thứ Tư, 13 tháng 12, 2017

Hướng dẫn tạo upload file với jquery UploadFile

Link web:http://codevivu.com/front-end/huong-dan-tao-upload-file-voi-jquery-uploadfile/

Hướng dẫn tạo upload file với jquery UploadFile. Như tiêu đề hôm nay codevivu sẽ hướng dẫn các bạn làm sao để tạo một form upload file bằng jquery UploadFile. Với đầy đủ các chức năng multiple upload, download , delete.

Đầu tiên chúng ta cần chuẩn bị bộ jquery bên dưới:
jquery UploadFile
UploadFile CSS

link download JS + CSS : tại đây

1. Chèn jquery vào HTML.

<!DOCTYPE html>

<html lang="">

    <head>

        <link href="uploadfile.css" rel="stylesheet">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

        <script src="jquery.uploadfile.js"></script>

    </head>

    <body>

    </body>

</html>

2. Add thêm thẻ div vào body.

Chúng ta chèn vào thẻ body một thẻ div body và thêm vào một thuộc tính id với tên tùy chọn. Thuộc tính id này sẽ xử lý hiển thị Jquery upload file.

<div id="codevivu-uploader">Upload</div>

3. Khỏi tạo jquery UploadFile

Để hiển thị jquery UploadFile Chúng ta cần khởi tạo chúng bằng một đoạn mã Javascript

<script>

$(document).ready(function()

{

    $("#codevivu-uploader").uploadFile({

    url:"YOUR_FILE_UPLOAD_URL",

    fileName:"INPUT_FILE_NAME"

    });

});

</script>

Đến đây cơ bản chúng ta đã hiển thị được Form cung như giao diện upload. Giải thích thêm cho chúng ta.
– YOUR_FILE_UPLOAD_URL: đây sẽ là URL đến file xử lý upload phía server. Đối với những bạn nào dùng PHP thì chúng ta sẽ tạo đường dẩn tới file PHP cần xử lý upload.

– INPUT_FILE_NAME : Ở Đây chúng ta sẽ điền vào tên (name) của input file. Vì Jquery UploadFile sẽ tự render cho chúng một thẻ HTML input File với name = INPUT_FILE_NAME

<input name="INPUT_FILE_NAME" />

Và đựa vào INPUT_FILE_NAME chúng ta sẽ lấy được giá trị của form khi upload lên server. Chi tiết thế nào chúng ta cùng tiếp tục nhé.

Sao khi xong bước 3. Chúng ta sẽ được giao diện như hình bên dưới:

4. Tạo file xử lý upload lên server.

Như chúng ta đề cập ở bước 3. ở bước 4 này chúng ta sẽ đề cập đến YOUR_FILE_UPLOAD_URL và INPUT_FILE_NAME. tôi sẽ tạo một File có tên upload.php với nội dung như sau:

$output_dir = "uploads/";//Đường dẫn tới thư mục cần upload

//Chúng ta cần để thư mục với đường dẫn tương đối

if (isset($_FILES["INPUT_FILE_NAME "])) { //Kiểm tra xem bạn có chọn file để upload hay không với INPUT_FILE_NAME bạn sẽ khai báo ở bước 3

    $ret = array(); //Khai báo một biến tạm  kiễu Array lữu trữ file vừa upload.

    $error = $_FILES["INPUT_FILE_NAME "]["error"]; // Khai báo một biến tạm  kiễu Array lữu trữ lổi nếu xẩy ra lổi

    if (!is_array($_FILES["INPUT_FILE_NAME "]["name"])) { //Kiểm tra trường hợp bạn upload đơn file

        $fileName = $_FILES["INPUT_FILE_NAME "]["name"]; // lấy tên File

        move_uploaded_file($_FILES["INPUT_FILE_NAME "]["tmp_name"], $output_dir.$fileName); //Upload file

        $ret[]= $fileName; // Gán File vừa upload vào mãng luu trữ

    } else { //Kiểm tra trường hợp bạn upload nhiều file

        $fileCount = count($_FILES["INPUT_FILE_NAME "]["name"]); // Đếm tổng số file upload

        for ($i=0; $i < $fileCount; $i++) { // Do chúng ta up nhiều File nên chúng ta tạo một vòng lặp để xửa lý upload từ File một

            $fileName = $_FILES["INPUT_FILE_NAME "]["name"][$i];  // lấy tên File thứ i

            move_uploaded_file($_FILES["INPUT_FILE_NAME "]["tmp_name"][$i], $output_dir.$fileName); // Upload file thứ i

            $ret[]= $fileName; // Gán File vừa upload vào mãng luu trữ

        }

    }

    echo json_encode($ret); // return về dạn json  mảng luu trữ file vừa upload.

}

5. Hiển thị chức năng Download/Delete và dragDrop

Sau khi làm xong bước 4 thì chúng ta đã hoàn thành xong chức năng chính là upload File rồi phải không nào. Tiếp theo chúng ta sẽ co rat nhiều chức năng phụ bên dưới chúng ta sẽ tìm hiểu sơ lược nhé.

Tạo chức năng Delete và Download

<script>

$(document).ready(function()

{

    $("#codevivu-uploader").uploadFile({

    url:"YOUR_FILE_UPLOAD_URL",

    fileName:"INPUT_FILE_NAME",

        dragDrop: true,

        showDelete: true,

        showDownload:true,

        deleteCallback: function (data, pd) {

          for (var i = 0; i < data.length; i++) {

             $.post("YOUR_FILE_DELETE_URL", {op: "delete",name: data[i]},

                 function (resp,textStatus, jqXHR) {

                   //Show Message   

                   alert("File Deleted");

                 });

         }

         pd.statusbar.hide(); //You choice.

     },

     downloadCallback:function(filename,pd) {

       location.href="YOUR_FILE_DOWNLOAD_URL?filename="+filename;

     }

});

});

</script>

YOUR_FILE_DELETE_URL : Sẽ là đường dẩn đến file xử lý chức năng delete. Tôi sẽ tạo vi vụ file delete.php có nội dung nhu sau.

$output_dir = "uploads/";

if (isset($_POST["op"]) && $_POST["op"] == "delete" && isset($_POST['INPUT_FILE_NAME'])) {

    $fileName = $_POST['INPUT_FILE_NAME'];

    $fileName = str_replace("..", ".", $fileName);//Kiểm tra trường hợp ai đó cố gắn upload ra ngoài thư mục Upload

    $filePath = $output_dir. $fileName;

    if (file_exists($filePath)) {

        unlink($filePath);

    }

    echo "Deleted File ".$fileName."<br>";

}

YOUR_FILE_DOWNLOAD_URL: Sẽ là đường dẩn đến file xử lý chức năng downoad. Tôi sẽ tạo vi vụ file downoad.php có nội dung nhu sau:

if (isset($_GET['INPUT_FILE_NAME'])) {

    $fileName=$_GET['INPUT_FILE_NAME'];

    $fileName = str_replace("..", ".", $fileName);//Kiểm tra trường hợp ai đó cố gắn upload ra ngoài thư mục Upload

    $file = $output_dir . $fileName;

    $file = str_replace("..", "", $file);

    if (file_exists($file)) {

        $fileName =str_replace(" ", "", $fileName);

        header('Content-Description: File Transfer');

        header('Content-Disposition: attachment; filename='.$fileName);

        header('Content-Transfer-Encoding: binary');

        header('Expires: 0');

        header('Cache-Control: must-revalidate');

        header('Pragma: public');

        header('Content-Length: ' . filesize($file));

        ob_clean();

        flush();

        readfile($file);

        exit;

    }

}

Vậy là chúng ta đã hoàn thành thêm 2 chức năng mới là download và Delete rồi nhé. Vậy là cơ bản đã xong. Chưa hết đâu nhé đã chia sẽ thì sẻ chia sẽ tận cùng nha hihi!

Ngoài các lựa chọn thuộc thính trên của Jquery UploadFile. Mình sẽ giới thiệu cho các bạn biết thêm về một số API và thuộc tính mà Jquery UploadFile hổ trợ nhé.

Cú pháp sử dụng của Jquery UploadFile cơ bản nhu sau chúng ta sẽ sử dụng chúng cho các thuộc tính tiếp theo nhé nên các bạn lưu ý:

Khởi tạo

var uploader = $("#codevivu-uploader").uploadFile(thuộc tính);

Hàm startUpload()
Khi chúng ta gọi hàm này thì form upload sẽ xử lý upload file lên server.

var uploader.startUpload();

Hàm stopUpload()
Khi chúng ta gọi hàm này thì form upload sẽ ngừng xử lý upload file lên server.

var uploader.stopUpload();

Hàm cancelAll()
Khi chúng ta gọi hàm này thì form upload sẽ ngừng tất cả xử lý upload file lên server.

var uploader.cancelAll();

Hàm remove()
Khi chúng ta gọi hàm này thì form upload sẽ ngừng hoạt động và remove khỏi trang

var uploader.remove();

Hàm reset()
Khi chúng ta gọi hàm này thì form upload sẽ được khởi tạo lại.

   var uploader.reset();

uploader.reset(false);//trường hợp chúng ta goi reset(false) Form upload chĩ khởi tạo duy nhất process bar.

Hàm getResponses()
Khi chúng ta gọi hàm này chúng ta sẽ nhận được thông tin được trả về từ server.

var uploader.getResponses();

Tùy Chọn formData
Khi chúng ta thêm tùy chọn này các đối tượng được khái báo sẽ được form upload sẽ gữi lên server.

formData: { key1: 'value1', key2: 'value2' }

Tùy Chọn sequential
Khi chúng ta thêm tùy chọn này nhằm giúp ta giới hạn được số file tuần tự được tải lên

sequential:true,

sequentialCount:1

Tùy Chọn maxFileSize
Khi chúng ta thêm tùy chọn này nhằm giúp ta giới hạn được dung lượng của một file cần tải lên được tính theo byte.

maxFileSize:5000000,// 5M

Tùy Chọn maxFileCount
Khi chúng ta thêm tùy chọn này nhằm giúp ta giới hạn được số lượng file được tải lên.

maxFileCount:10,// 10 Files

Tùy Chọn allowedTypes
Khi chúng ta thêm tùy chọn này nhằm giúp ta nói cho server biết chúng chỉ chấp nhận các tập tin có tên mở rộng mà ta khai báo.

allowedTypes:"jpg,png,gif,mp4,avi,flv",

Tùy Chọn multiple
Có hoặc không cho chọn upload nhiều file.

multiple:true, //true/false

Tùy Chọn dragDrop
Có hoặc không cho kéo thả file.

dragDrop:true, //true/false

Tùy Chọn autoSubmit
Có hoặc không cho tự động upload khi chon file.

autoSubmit:true, //true/false

Tùy Chọn showPreview
Có hoặc không cho hiển thị file preview khi upload.

showPreview:true, //true/false

Một Số Hàm Xử Lý Sự Kiện

onLoad:function(obj){

  //nội dung thực thi

}

============>

onSelect:function(files)

{

    files[0].name;

    files[0].size;

    return true; 

}

===========>

onSubmit:function(files)

{

    //files : danh sách file

    //return flase; Ngừ upload

}

===========>

onSuccess:function(files,data,xhr,pd)

{

    //files: danh sách file

    //data: phản hồi từ server

}

===========>

afterUploadAll:function(obj)

{

    //Nội dung cần thực thi

}

Lời Kết: hy vọng bài viết này giúp các bạn có thể thực hiện cho mình chức năng upload tùy mục đích của mình.
Trong bài viết nếu có vấn đề nào chưa hiểu các bạn có thể comment bên giới mình sẽ giải đáp cho các bạn vì bản thân mình cũng muốn giao lưu học hỏi mà hi hi!. Chúc các bạn thành công nhé.

Code PHP && Ứng Dụng

menu ngang