PHP+jQuery+Ajax仿淘寶多上傳按鈕單文件上傳

來源：文萃谷 2.24W

　　如何做一個仿淘寶多上傳的`按鈕單文件上傳呢?下面是由本站小編為大家整理的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;　　　　}

PHPjQueryAjax 按鈕淘寶文件

熱門標籤