php+ajax+h5實(shí)現(xiàn)圖片上傳功能
更新時(shí)間：2017年10月27日 15:56:55 作者：guoke1970s
這篇文章主要為大家詳細(xì)介紹了php+ajax+h5實(shí)現(xiàn)ajax圖片上傳功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了php實(shí)現(xiàn)ajax圖片上傳的具體代碼，供大家參考，具體內(nèi)容如下
html頁面代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="__PUBLIC__/home/js/jquery-1.11.0.js"></script>
</head>
<body>
<form class="form-horizontal" role="form" id="myForm"
action="/index/fileupsend" method="post"
enctype="multipart/form-data">
選擇文件:<input type="file" id="file1" /><br />
<input type="button" id="upload" value="上傳" />
<span id="imgWait"></span>
</form>
<script>
$(function () {
$("#upload").click(function () {
$("#imgWait").html("上傳中");
var formData = new FormData();
formData.append("myfile", document.getElementById("file1").files[0]);
$.ajax({
url: "/Home/index/fileupsend",
type: "POST",
data: formData,
/**
*必須false才會(huì)自動(dòng)加上正確的Content-Type
*/
contentType: false,
/**
* 必須false才會(huì)避開jQuery對 formdata 的默認(rèn)處理
* XMLHttpRequest會(huì)對 formdata 進(jìn)行正確的處理
*/
processData: false,
success: function (data) {
if(data){
alert("上傳成功！");
}
$("#imgWait").html("上傳成功");
},
error: function () {
alert("上傳失敗！");
$("#imgWait").hide();
}
});
});
});
</script>
</body>
</html>
php代碼
public function fileupsend(){
$type_pic = $this->file_upload('1',array('jpg', 'gif', 'png', 'jpeg'),'filetest','myfile');
echo $type_pic['img_path'];
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 基于Spring Boot利用 ajax實(shí)現(xiàn)上傳圖片功能
- JavaScript實(shí)現(xiàn)圖片上傳并預(yù)覽并提交ajax
- jquery+ajax實(shí)現(xiàn)上傳圖片并顯示上傳進(jìn)度功能【附php后臺(tái)接收】
- PHP結(jié)合jquery ajax實(shí)現(xiàn)上傳多張圖片，并限制圖片大小操作示例
- thinkPHP利用ajax異步上傳圖片并顯示、刪除的示例
- Ajax實(shí)現(xiàn)圖片上傳并預(yù)覽功能
- ajax實(shí)現(xiàn)上傳圖片保存到后臺(tái)并讀取的實(shí)例
- php+ajax實(shí)現(xiàn)異步上傳文件或圖片功能
- 基于ajax實(shí)現(xiàn)上傳圖片代碼示例解析
相關(guān)文章
這篇文章主要介紹了thinkPHP框架樂觀鎖和悲觀鎖,結(jié)合實(shí)例形式分析了框架樂觀鎖和悲觀鎖的原理及thinkPHP相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-10-10
這篇文章主要給大家介紹了關(guān)于Laravel多域名下字段驗(yàn)證的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Laravel具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了Smarty使用自定義資源的方法,實(shí)例分析了smarty自定義資源的定義與使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
PHP模板引擎Smarty內(nèi)建函數(shù)section,sectionelse用法詳解
這篇文章主要介紹了PHP模板引擎Smarty內(nèi)建函數(shù)section,sectionelse用法,結(jié)合實(shí)例形式詳細(xì)分析了section,sectionelse進(jìn)行循環(huán)處理的技巧與使用方法,需要的朋友可以參考下2016-04-04
PHP基于GD庫的縮略圖生成代碼（支持jpg,gif,png格式）
你可能會(huì)遇到這樣的問題，在用戶上傳了一張圖片后，得到這張圖片的縮略圖，PHP可以使用GD庫生成縮略圖，那么我們來探討下，如何才能生成高質(zhì)量的縮略圖呢?2014-06-06
ThinkPHP 6 添加跳轉(zhuǎn)提示擴(kuò)展 liliuwei/thinkphp-jump的操作
liliuwei/thinkphp-jump 是 TP5 中經(jīng)典跳轉(zhuǎn)提示,在 TP6 中已經(jīng)取消,通過 composer 下載該擴(kuò)展可以在 TP6 中使用 TP5 的跳轉(zhuǎn)提示操作,這篇文章主要介紹了ThinkPHP 6 添加跳轉(zhuǎn)提示擴(kuò)展 liliuwei/thinkphp-jump,需要的朋友可以參考下2023-08-08
PHP數(shù)組的基本操作及遍歷數(shù)組的經(jīng)典操作實(shí)例
下面小編就為大家?guī)硪黄狿HP數(shù)組的基本操作及遍歷數(shù)組的經(jīng)典操作實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了yii2的restful api路由實(shí)例詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
隨著科技的發(fā)展，二維碼無處不在，特別是在智能手機(jī)時(shí)代二維碼更活躍，下面小編通過兩種方法給大家介紹利用php生成二維碼，需要的朋友可以參考下2015-08-08
本文介紹ThinkPHP的order()方法的用法。order方法可以用于對數(shù)據(jù)庫操作的結(jié)果進(jìn)行排序。即相當(dāng)于是在select語句中一個(gè)order by的子句2016-04-04