JS插件plupload.js实现多图上传并显示进度条

前端之家收集整理的这篇文章主要介绍了JS插件plupload.js实现多图上传并显示进度条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了plupload.js多图上传的具体代码,供大家参考,具体内容如下

HTML代码

<Meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> 多图<a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a>
@H_502_17@ 5) { alert("您上传图片太多了!"); uploader.destroy(); } else { var li = ''; plupload.each(files,function(file) { //遍历文件 li += "
  • 上传中 0%
  • "; }); $("#ul_pics").append(li); uploader.start(); } },UploadProgress: function(up,file) { //上传中,显示进度条 var percent = file.percent; $("#" + file.id).find('.bar').css({"width": percent + "%"}); $("#" + file.id).find(".percent").text("上传中 "+percent + "%"); },FileUploaded: function(up,file,info) { //文件上传成功的时候触发 var data = eval("(" + info.response + ")"); $("#" + file.id).html("x"); },Error: function(up,err) { //上传出错的时候触发 alert("error"); } } }); uploader.init();

    function delimg(o){
    var src = $(o).prev().attr("src");
    $.post("upimgs.PHP?get=delimg&imgurl="+src,function(data){
    if(data==1){
    $(o).parent().remove();
    }
    })
    }

    PHP 代码

    PHP;"> $typeArr = array("jpg","png","gif");//允许上传文件格式
    $path = "files/";//上传路径
    if (isset($_POST)) {
    if($_GET['get']=="upimg"){
    $name = $_FILES['file']['name'];
    $size = $_FILES['file']['size'];
    $name_tmp = $_FILES['file']['tmp_name'];
    if (empty($name)) {
    echo json_encode(array("error"=>"您还未选择图片"));
    exit;
    }
    $type = strtolower(substr(strrchr($name,'.'),1)); //获取文件类型

    if (!in_array($type,$typeArr)) {
    echo json_encode(array("error"=>"清上传jpg,png或gif类型的图片!"));
    exit;
    }
    if ($size > (1024 1024 10)) {
    echo json_encode(array("error"=>"图片大小已超过10MB!"));
    exit;
    }

    $pic_name = time() . rand(10000,99999) . "." . $type;//图片名称
    $pic_url = $path . $pic_name;//上传图片路径+名称
    if (move_uploaded_file($name_tmp,$pic_url)) { //临时文件转移到目标文件
    echo json_encode(array("error"=>"0","pic"=>$pic_url,"name"=>$pic_name));
    } else {
    echo json_encode(array("error"=>"上传有误,清检查服务器配置!"));
    }
    }
    if($_GET['get']=="delimg"){
    $imgsrc = $_GET['imgurl'];
    unlink($imgsrc);
    echo 1;
    }
    }

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

    猜你在找的JavaScript相关文章