首先要使用layui的寫法,如圖所示,提交之後有三個狀態,一個上傳中,一般文件大就會在這步顯示,第三步就是報錯,第二步是最主要的上傳成功之後一系列的操作。
在控制器中自己寫方法把獲取到的圖片傳到伺服器,之後判斷是否成功上傳,定義一些值去判斷返回,如成功就定義一個狀態。
相關推薦:《layui框架教學》
接收到成功回傳的訊息之後,判斷是否有這個狀態,有就輸出你的操作,如成功之後取得心圖片名字。
因為這樣的上傳沒經過處理,多圖也是每張呼叫一次,這樣就可以定義一個空變數保存每次的名字。
定義獲取返回的一些信息,名字和保存的資料夾等,看自己的需求,需要到的就拼接到一起組合,直接回塞到input以便提交。
成功之後,取得input裡面的值,把值拆分,依特定符號拆分,之後得到的值for,遍歷出來,再追加到元素中。
注意事項
注意要寫點擊事件的時候使用live可以控制jq新增的元素。
注意拼接之後要截取掉。
以上是layui上傳圖片成功之後怎麼預覽成功的圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本文詳細介紹瞭如何使用Layui的元素模塊來創建和自定義UI元素,例如選項卡,手風琴和進度條,突出顯示HTML結構,初始化和常見的陷阱,以避免。

本文討論了自定義Layui的Carousel模塊,重點介紹了外觀和行為的CSS和JavaScript修改,包括過渡效果,自動播放設置以及添加自定義導航控件。

該文章指導使用Layui的Carousel模塊用於圖像滑塊,詳細介紹設置的步驟,自定義選項,實現自動播放和導航以及性能優化策略。

本文討論了使用Accept,Exts和Size屬性來限制Layui的上傳模塊,以限製文件類型和尺寸,並自定義錯誤消息以違反。

本文介紹瞭如何使用Layui的圖層模塊創建模態窗口和對話框,詳細設置,類型,自定義和常見的陷阱要避免。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

Dreamweaver Mac版
視覺化網頁開發工具

記事本++7.3.1
好用且免費的程式碼編輯器