99re6这里有精品热视频,捆绑调教视频在线观看,国产99久久亚洲综合精品,国产综合久久久久久鬼色,精品欧美成人高清在线观看

服務熱線 400-660-8066

網站建設

網站建設

站內資訊
網站建設 / 站內資訊 / 行業(yè)資訊 / 正文

前端開發(fā)之使用layui.js實現(xiàn)簡單上傳功能

來源: All文章
發(fā)布時間:2023-04-11 14:01:52

  在做項目中可能會遇到用戶上傳文件或者圖片的問題,這里我使用layui.js,它主要使用起來非常的簡單和方便,使用前需要去到layer官網去下載相關的js,下載地址layui官網.官網的示例如果有跟你需求差不多,可以直接拿過來用,有些不同的可以修改參數來配合實現(xiàn)你的需求,我來講一講我使用的過程和遇見的問題。

  前端通過layui文件上傳控件把上傳的文件上傳的后臺,通過ThinkPHP框架的的上傳方法實現(xiàn)上傳文件,因為我前端的樣式已經寫好了所以使用的是id綁定上傳控件。

  inputclass=r-filetype=filename=file_urlid=j_upload

  加載js和css

inkrel=stylesheethref=./layui/css/layui.cssmedia=all

  scriptsrc=./layui/layui.jscharset=utf-8/scriptJs調用綁定上傳控件的id,默認的是post方式提交到后臺。后臺需要接收數據的參數一定要是你控件的name命名,這里input的name是file_url所以后臺接收是使用$_FILES[file_url],在tp里要使用$_FILES去獲取文件信息,然后實例化框架的上傳類,這里把文件保存到緩存臨時文件夾里面,返回上傳的文件信息到前端,實現(xiàn)前端的文件回顯和一下響應事件,我這里比較簡單只完成了回顯,

  inputtype=hiddenclass=rinputid=file_urlsname=file_urlsvalue=

  inputtype=hiddenclass=rinputid=file_namename=file_namevalue=

  inputtype=hiddenclass=rinputid=file_idname=file_idvalue=0

  我使用了隱藏標簽去保存文件的信息,等待用戶提交后,在提交方法里判斷數據和實現(xiàn)文件的轉移我這里用php的rename()函數來轉移文件

* 文章來源于網絡,如有侵權,請聯(lián)系客服刪除處理。
在線 咨詢

添加動力小姐姐微信

微信 咨詢

電話咨詢

400-660-8066

我們聯(lián)系您

電話 咨詢
微信掃碼關注動力小姐姐 X
qr