当前位置:才华咖 > 互联网计算机 > 计算机 > php语言 > PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传
手机版

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

来源:才华咖 阅读:2.28W 次
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;    }
本文链接:https://www.caihuaka.com/jsjzs/php/g28m78.html

Copyright © 2024. 才华咖 All right reserved. 浙ICP备20120231号-3

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。