中文无码AV一区二区三区,少妇的丰满3中文字幕,无码av中文一区二区三区桃花岛
<ruby id="kfnns"></ruby>

      400-800-9385
      網站建設資訊詳細

      前端開發之使用layui.js實現簡單上傳功能

      發表日期:2020-06-28 11:46:36   作者來源:彬   瀏覽:2815   標簽:前端開發    
      在做項目中可能會遇到用戶上傳文件或者圖片的問題,這里我使用layui.js,它主要使用起來非常的簡單和方便,使用前需要去到layer官網去下載相關的js,下載地址layui官網.官網的示例如果有跟你需求差不多,可以直接拿過來用,有些不同的可以修改參數來配合實現你的需求,我來講一講我使用的過程和遇見的問題。
      前端通過layui文件上傳控件 把上傳的文件上傳的后臺,通過ThinkPHP框架的的上傳方法實現上傳文件,因為我前端的樣式已經寫好了所以使用的是id綁定上傳控件。
      <input class="r-file" type="file" name="file_url"  id="j_upload">
      加載js和css
      <link rel="stylesheet" href="./layui/css/layui.css" media="all">
      <script src="./layui/layui.js" charset="utf-8"></script>

      代碼1

      Js調用 綁定上傳控件的id ,默認的是post方式 提交到后臺。

      代碼2

      后臺需要接收數據的參數一定要是你控件的name命名,這里input的name是file_url所以后臺接收是使用$_FILES["file_url"],在tp里要使用$_FILES去獲取文件信息,然后實例化框架的上傳類,這里把文件保存到緩存臨時文件夾里面,返回上傳的文件信息到前端,實現前端的文件回顯和一下響應事件,我這里比較簡單只完成了回顯,
      <input type="hidden" class="rinput" id="file_urls" name="file_urls" value="">
      <input type="hidden" class="rinput" id="file_name" name="file_name" value="">
      <input type="hidden" class="rinput" id="file_id" name="file_id" value="0">
      我使用了隱藏標簽去保存文件的信息,等待用戶提交后,在提交方法里判斷數據和實現文件的轉移我這里用php的rename()函數來轉移文件

      代碼3

      如沒特殊注明,文章均為方維網絡原創,轉載請注明來自http://www.f7ave.com/news/5731.html
      中文无码AV一区二区三区,少妇的丰满3中文字幕,无码av中文一区二区三区桃花岛 加维斯门窗 17k小说网 游戏狗 传动机械 单机游戏下载 轻小说 愚猫看书 天美天平仪器 硅酸盐防火板 掌阅 37游戏 液体卷材 深港dj舞曲 365音乐 杭州19楼 久久精品国产一区二区三,国内精品 亚洲 日韩,一本一久本久A久久精品综合,一本久久精品一区二区