午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

您的位置:首頁技術文章
文章詳情頁

jQuery加PHP實現圖片上傳并提交的示例代碼

瀏覽:341日期:2022-09-09 15:07:04

圖片上傳思路:通過ajax實現圖片上傳,然后把PHP返回的圖片地址,加入到隱藏字段中,最后通過表單提交給后臺PHP,代碼如下

HTML代碼 zimg.html文件:

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>自定義上傳圖片</title></head><body> <form action='a.php?action=2' method='post'> <span> 上傳圖片 </span> <span> <input type='file' name='img_url' accept='.jpg, .gif, .jpeg, .bmp, .png'/> <a onclick='UpLoadImg()'>上傳</a> <input type='hidden' name='url_data'/> </span> <br> <span> <input type='submit' value='提交'> </span> </form> </body><!-- 引入jq --><script src='https://code.jquery.com/jquery-3.0.0.min.js'></script><script> function UpLoadImg(){ //獲取上傳文件 var formData = new FormData(); formData.append(’img_url’, $(’#img_url’)[0].files[0]); console.log(formData) //提交后臺處理 $.ajax({ url: ’a.php?action=1’, type: ’POST’, cache: false, data: formData, dataType: 'JSON', processData: false, contentType: false }).done(function(res) { console.log(res.url); if(res.status == 1){//賦值給字段$(’#url_data’).val(res.url);alert(res.msg) }else{alert(res.msg) } }).fail(function(res) { }); }</script></html>

后臺PHP代碼 a.php:

<?phpif($_GET[’action’] == 1){//上傳圖片接口 $img = $_FILES[’img_url’]; //獲取上圖片后綴 $type = strstr($img[’name’], ’.’); $rand = rand(1000, 9999); //命名圖片名稱 $pics = date('YmdHis') . $rand . $type; //上傳路徑 $pic_path = 'img/'. $pics; //移動到指定目錄,上傳圖片 $res = move_uploaded_file($img[’tmp_name’], $pic_path); if($res){ echo json_encode([’status’ => 1, ’msg’ => ’上傳成功’,’url’ => $pic_path]);exit; }else{ echo json_encode([’status’ => 0, ’msg’ => ’上傳失敗’]);exit; }}elseif($_GET[’action’] == 2){//提交文件表單 echo ’<pre>’; var_dump($_POST);}

最后實現效果如下:

jQuery加PHP實現圖片上傳并提交的示例代碼

ps:js代碼是使用jQuery的寫法,需引入jQuery代碼庫文件

以上就是jQuery加PHP實現圖片上傳并提交的示例代碼的詳細內容,更多關于jQuery加PHP實現圖片上傳的資料請關注好吧啦網其它相關文章!

標簽: PHP
相關文章:
主站蜘蛛池模板: 色交网站| 欧美高清一区二区 | 色姑娘av| 在线观看免费黄色 | 日本一本一道 | 精品久久免费 | 97人人草| 男人的天堂官网 | 成人在线观看一区二区 | 免费看黄网站在线观看 | 国产精品美女在线 | 伊人色视频 | 久久久综合网 | 中文字幕精品无 | 欧美日韩一区二区三区不卡 | 91久久久久久久久久久久 | 四虎影院在线免费 | 成人做爰视频网站 | 欧美www| 国产91精品久久久 | 黄色一级片免费看 | 男人天堂a | 欧美黄色精品 | 日本va欧美va国产激情 | 成人免费毛片高清视频 | 亚洲爽爽爽 | 国产精品永久免费视频 | 久久久精品综合 | 999国产精品视频免费 | 国产精品美女在线观看 | 国产一区二区高清视频 | 中文字幕视频二区 | www.超碰在线观看 | 国产三级三级在线观看 | 日韩高清毛片 | 337p粉嫩大胆色噜噜噜 | 青青草福利视频 | 91精品国产欧美一区二区成人 | 国产三级视频在线 | 手机在线播放av | 免费a级片在线观看 |