zyupload四种不同的上传PHP版

 查看演示  website  立即下载

zyupload上传基本配置

$("#zyupload").zyUpload({
    width: "650px", // 宽度    
    height: "400px", // 宽度     
    itemWidth: "140px", // 文件项的宽度    
    itemHeight: "115px", // 文件项的高度    
    url: "./up.php", // 上传文件的路径    
    fileType: ["jpg", "png", "txt", "js"], // 上传文件的类型    
    fileSize: 51200000, // 上传文件的大小    
    multiple: true, // 是否可以多个文件上传     
    dragDrop: true, // 是否可以拖动上传文件    
    tailor: true, // 是否可以裁剪图片     
    del: true, // 是否可以删除文件     
    finishDel: false, // 是否在上传文件完成后删除预览     
    /* 外部获得的回调接口 */
    onSelect: function(selectFiles, allFiles) { // 选择文件的回调方法  
        selectFile: 当前选中的文件
        allFiles: 还没上传的全部文件
        console.info("当前选择了以下文件：");console.info(selectFiles);
    },
    onDelete: function(file, files) { // 删除一个文件的回调方法 file:当前删除的文件 
        files: 删除之后的文件
        console.info("当前删除了此文件：");
        console.info(file.name);
    },
    onSuccess: function(file, response) { // 文件上传成功的回调方法     
        console.info("此文件上传成功：");
        console.info(file.name);
        console.info("此文件上传到服务器地址：");
        console.info(response);
        $("#uploadInf").append("<p>上传成功，文件地址是：" + response + "</p>");
    },
    onFailure: function(file, response) { // 文件上传失败的回调方法        
        console.info("此文件上传失败：");
        console.info(file.name);
    },
    onComplete: function(response) { // 上传完成的回调方法        
        console.info("文件上传完成");
        console.info(response);
    }
});

远程上传up.php

$uploaddir = 'uploads/';
$name = $_FILES['file']['name'];
$uploadfile = $uploaddir.$name;
$type = strtolower(substr(strrchr($name, '.'), 1)); //获取文件类型 
if (!in_array($type, $typeArr)) {
    echo "请上传jpg,png或gif类型的图片！";
    exit;
}
print "<pre>";
if (move_uploaded_file($_FILES['file']['tmp_name'], $uploaddir.$_FILES['file']['name'])) {
    print "File is valid, and was successfully uploaded.  Here's some more debugging info:\n";
    print_r($_FILES);
} else {
    print "Possible file upload attack!  Here's some debugging info:\n";
    print_r($_FILES);
}
print "</pre>";

PREVIOUS:
NEXT:
优雅的日期选择插件daterangepicker
jQuery日期时间选择插件jHsDate