如何在PHP中使用JavaScript實現一個無刷新上傳圖片功能

如何在PHP中使用JavaScript實現一個無刷新上傳圖片功能？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

html文件代碼

<!-- ajax文件上傳開始 -->
<script type="text/javascript" src="/imageupload/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/imageupload/layer/layer.js"></script>
<script type="text/javascript" src="/imageupload/ajaxupload.js"></script>
<!--ajax文件上傳結束-->
<!--上傳文件按鈕列表開始-->
<input id="requesturl" type="hidden" value="{:U('admin/upload/uploadfile')}" />
<input id="ajaxuploadfile" type="file" onchange="filechange()"/>
<input id="filepathurl" type="hidden" value="" />
<input type="button" value="第一張" pathurl="./Uploads/admin/trailer/" class="uploadclass" />
<input type="button" value="第二張" pathurl="./Uploads/admin/fdfdfd/" class="uploadclass" />
<input type="button" value="第三張" pathurl="./Uploads/admin/cdcdfd/" class="uploadclass" />
<!--上傳文件按鈕列表結束-->

php文件代碼

/**
* 文件上傳方法
*/
public function uploadfile(){
//單文件上傳
$upload = new \Think\Upload();// 實例化上傳類
$upload->maxSize = 100000000 ;// 設置附件上傳大小
$upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 設置附件上傳類型
$url = $_POST['filepathurl'];
if (!file_exists($url)){
mkdir ($url,0777,true);
}
$upload->rootPath = $url; // 設置附件上傳根目錄
// 上傳單個文件
$info = $upload->uploadOne($_FILES['postfilename']);
if(!$info) {
echo json_encode(array('bool'=>false,'error'=>$upload->getError()));
}else{
$path = $info['savepath'].$info['savename'];
echo json_encode(array('bool'=>true,'path'=>$path));
}
}

看完上述內容，你們掌握如何在PHP中使用JavaScript實現一個無刷新上傳圖片功能的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！