zyupload四种不同的上传PHP版

所属分类:输入-上传

 25010  77  查看评论 (37)
zyupload四种不同的上传PHP版 ie兼容10

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>";
相关插件-上传

上传图片-可裁剪

上传图片可裁剪
  上传
 72096  87

jQuery多图上传

jQuery多图图片上传.net后端以写好,直接使用
  上传
 38172  129

jQuery多图上传带ajax提交

jQuery多图上传可删除,可以本地预览带前台接口
  上传
 35388  178

支持IE8的多文件、多图异步上传并能预览的插件

该插件是基于百度webuploader的一个插件,支持IE8,可以上传任何文件,上传图片可以预览,异步上传,使用非常方便
  上传
 26228  78

讨论这个项目(37)回答他人问题或分享插件使用方法奖励jQ币

    废(fou)话 0
    2018/5/23 19:29:26
    这个怎么裁剪呢 需要怎么操作 回复
    0
    2018/1/29 12:03:04
    Sunshine 0
    2018/1/16 10:35:39

    怎么限制上传个数啊?

        HAPPY0
        2018/3/6 16:14:57
        小白一个,请问你的解决了吗?
    回复
    aicjs 0
    2018/1/16 9:27:31

    无法重新选择刚刚删除的照片

    回复
    REWIND23, 0
    2017/12/4 14:22:11

    请问图片上传时要传参数 怎么办?

        不懂夜的黑0
        2018/3/5 15:32:18
        百度一下参数代表什么传进去就可以
    回复
    " Μοnаlιzа 0
    2017/11/29 15:04:00

    sdfdsfdsksdkljsdjfklsdjflkdsjflsdfdsf

    回复
    ∮?眼dè?ふ?嫔毙ご 0
    2017/11/28 16:24:32

    为什么一直都是上传失败?

    回复
    我想 很想 0
    2017/11/3 15:25:32

    如果我在后台控制上传图片的宽度,我要怎么返回参数给前端,让它去到上传失败的那个方法。

    回复
    废(fou)话 0
    2017/11/2 11:58:35
    文件上传个数怎么显示 回复
    默默 0
    2017/10/20 10:56:47
    if (move_uploaded_file($_FILES['file']['tmp_name'], $uploaddir.$_FILES['file']['name'])) {

       这一块路径拼接怎么弄啊、??

    回复
取消回复