服務(wù)熱線
15617359779
15617359779
在做項目中可能會遇到用戶上傳文件或者圖片的問題,這里我使用layui.js,它主要使用起來非常的簡單和方便,使用前需要去到layer官網(wǎng)去下載相關(guān)的js,下載地址layui官網(wǎng).官網(wǎng)的示例如果有跟你需求差不多,可以直接拿過來用,有些不同的可以修改參數(shù)來配合實現(xiàn)你的需求,我來講一講我使用的過程和遇見的問題。
前端通過layui文件上傳控件 把上傳的文件上傳的后臺,通過ThinkPHP框架的的上傳方法實現(xiàn)上傳文件,因為我前端的樣式已經(jīng)寫好了所以使用的是id綁定上傳控件。
# 加載js和css
河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營銷,seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營銷
# 代碼1
Js調(diào)用 綁定上傳控件的id ,默認的是post方式 提交到后臺。
# 代碼2
河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營銷,seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營銷
后臺需要接收數(shù)據(jù)的參數(shù)一定要是你控件的name命名,這里input的name是file_url所以后臺接收是使用$_FILES["file_url"],在tp里要使用$_FILES去獲取文件信息,然后實例化框架的上傳類,這里把文件保存到緩存臨時文件夾里面,返回上傳的文件信息到前端,實現(xiàn)前端的文件回顯和一下響應(yīng)事件,我這里比較簡單只完成了回顯,
我使用了隱藏標簽去保存文件的信息,等待用戶提交后,在提交方法里判斷數(shù)據(jù)和實現(xiàn)文件的轉(zhuǎn)移我這里用php的rename()函數(shù)來轉(zhuǎn)移文件
# 代碼3
河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營銷,seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營銷
河南億宏世紀網(wǎng)絡(luò)科技有限公司,專注于互聯(lián)網(wǎng)+品牌整合營銷,公司擁有專業(yè)的互聯(lián)網(wǎng)管理、運營策劃、UI設(shè)計、技術(shù)開發(fā)等團隊,專業(yè)從事于工業(yè)互聯(lián)網(wǎng)的開發(fā)建設(shè)。我司擁有成熟的網(wǎng)絡(luò)技術(shù)開發(fā)團隊,針對網(wǎng)站開發(fā)、技術(shù)服務(wù)、網(wǎng)站風格定位、網(wǎng)站功能優(yōu)化、網(wǎng)站推廣維護等都具備很強的專業(yè)技術(shù)水平,旨在為客戶提供專業(yè)的互聯(lián)網(wǎng)應(yīng)用解決方案。公司始終秉持著誠信經(jīng)營、質(zhì)量為先的經(jīng)營理念,我們不僅提供優(yōu)質(zhì)的網(wǎng)絡(luò)技術(shù)和云端供應(yīng)鏈服務(wù),而且還在產(chǎn)品的選擇、應(yīng)用等方面提供專業(yè)的咨詢與售后服務(wù)。