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頁(yè)面代碼
<!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ì)避開(kāi)jQuery對(duì) formdata 的默認(rèn)處理
* XMLHttpRequest會(huì)對(duì) 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'];
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(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框架樂(lè)觀鎖和悲觀鎖實(shí)例分析
這篇文章主要介紹了thinkPHP框架樂(lè)觀鎖和悲觀鎖,結(jié)合實(shí)例形式分析了框架樂(lè)觀鎖和悲觀鎖的原理及thinkPHP相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-10-10
這篇文章主要給大家介紹了關(guān)于Laravel多域名下字段驗(yàn)證的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Laravel具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(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庫(kù)的縮略圖生成代碼（支持jpg,gif,png格式）
你可能會(huì)遇到這樣的問(wèn)題，在用戶上傳了一張圖片后，得到這張圖片的縮略圖，PHP可以使用GD庫(kù)生成縮略圖，那么我們來(lái)探討下，如何才能生成高質(zhì)量的縮略圖呢?2014-06-06
ThinkPHP 6 添加跳轉(zhuǎn)提示擴(kuò)展 liliuwei/thinkphp-jump的操作
liliuwei/thinkphp-jump 是 TP5 中經(jīng)典跳轉(zhuǎn)提示,在 TP6 中已經(jīng)取消,通過(guò) composer 下載該擴(kuò)展可以在 TP6 中使用 TP5 的跳轉(zhuǎn)提示操作,這篇文章主要介紹了ThinkPHP 6 添加跳轉(zhuǎn)提示擴(kuò)展 liliuwei/thinkphp-jump,需要的朋友可以參考下2023-08-08
PHP數(shù)組的基本操作及遍歷數(shù)組的經(jīng)典操作實(shí)例
下面小編就為大家?guī)?lái)一篇PHP數(shù)組的基本操作及遍歷數(shù)組的經(jīng)典操作實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
這篇文章主要介紹了yii2的restful api路由實(shí)例詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
隨著科技的發(fā)展，二維碼無(wú)處不在，特別是在智能手機(jī)時(shí)代二維碼更活躍，下面小編通過(guò)兩種方法給大家介紹利用php生成二維碼，需要的朋友可以參考下2015-08-08
本文介紹ThinkPHP的order()方法的用法。order方法可以用于對(duì)數(shù)據(jù)庫(kù)操作的結(jié)果進(jìn)行排序。即相當(dāng)于是在select語(yǔ)句中一個(gè)order by的子句2016-04-04