网站首页 语言 会计 电脑 医学 资格证 职场 文艺体育 范文
当前位置:书香门第 > 计算机 > php语言

PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传

栏目: php语言 / 发布于: / 人气:2.39W
PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传
  如何做一个仿淘宝多上传的`按钮单文件上传呢?下面是由本站小编为大家整理的PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传,喜欢的可以收藏一下!了解更多详情资讯,请关注应届毕业生考试网!    其代码如下:    上传表单    <form class="imageform" method="post" enctype="multipart/form-data" action="">    <div class="up_status" style="display:none"><img src="loader.gif" alt="uploading"/></div>    <div class="btn up_btn">    <span>添加图片</span>    <input class="photoimg" type="file" name="photoimg">    </div>    </form>    <div class="preview_img"></div>    引入样式和上传插件    <link rel="stylesheet" type="text/css" href="css/" />    <script type="text/javascript" src=""></script>    <script type="text/javascript" src=""></script>    jQuery    $("body")("change", "oimg",    function() {    var obj = $(this);    var imageForm = nts("eform");    var preview_img = ("iew_img");    var btn = ("_btn");    Form({    target: preview_img,    beforeSubmit: function() {    ("iew_img")("");    preview_();    ();    },    success: function() {    preview_();    ();    },    error: function() {    ();    preview_();    }    })it();    });    PHP上传     if (isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST") {    $name = $_FILES['photoimg']['name'];    $size = $_FILES['photoimg']['size'];    if (empty($name)) {    echo '请选择要上传的图片';    exit;    }    $ext = extend($name);    if (!in_array($ext, $extArr)) {    echo '图片格式错误!';    exit;    }    if ($size > (1000 * 1024)) {    echo '图片大小不能超过1M';    exit;    }    $image_name = time() . rand(100, 999) . "." . $ext;    $tmp = $_FILES['photoimg']['tmp_name'];    if (move_uploaded_file($tmp, $path . $image_name)) {    echo '<img src="' . $path . $image_name . '" class="preview">';    } else {    echo '上传出错了!';    }    exit;    }