在做項目中可能會遇到用戶上傳文件或者圖片的問題,這里我使用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=allscriptsrc=./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()函數來轉移文件