layui上傳圖片成功之后如何預(yù)覽成功的圖片

這篇文章將為大家詳細(xì)講解有關(guān)layui上傳圖片成功之后如何預(yù)覽成功的圖片，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

首先要會使用layui的寫法，如圖所示，提交之后有三個(gè)狀態(tài)，一個(gè)上傳中，一般文件大就會在這步顯示，第三步就是報(bào)錯(cuò)，第二步是最主要的上傳成功之后一系列的操作。

在控制器中自己寫方法把獲取到的圖片傳到服務(wù)器，之后判斷一下是否成功上傳，定義一些值去判斷返回，如成功就定義一個(gè)狀態(tài)。

接收到成功返回的信息之后，判斷是否有這個(gè)狀態(tài)，有就輸出你的操作，如成功之后獲取心圖片名字。

因?yàn)檫@樣的上傳沒經(jīng)過處理，多圖也是每張調(diào)用一次，這樣就可以定義一個(gè)空變量保存每次的名字。

定義獲取返回的一些信息，名字和保存的文件夾等，看自己的需求，需要到的就拼接到一起組合，直接回塞到input以便提交。

成功之后，獲取input里面的值，把值拆分，按特定符號拆分，之后得到的值for，遍歷出來，再追加到元素中。

注意事項(xiàng)

注意要寫點(diǎn)擊事件的時(shí)候使用live可以控制jq添加的元素。

注意拼接之后要截取掉。

關(guān)于layui上傳圖片成功之后如何預(yù)覽成功的圖片就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。