首頁 web前端 Layui教程 layui上傳圖片成功之後怎麼預覽成功的圖片

layui上傳圖片成功之後怎麼預覽成功的圖片

Jul 11, 2019 pm 02:41 PM
layui 上傳 圖片 預覽

layui上傳圖片成功之後怎麼預覽成功的圖片

首先要使用layui的寫法,如圖所示,提交之後有三個狀態,一個上傳中,一般文件大就會在這步顯示,第三步就是報錯,第二步是最主要的上傳成功之後一系列的操作。

layui上傳圖片成功之後怎麼預覽成功的圖片

在控制器中自己寫方法把獲取到的圖片傳到伺服器,之後判斷是否成功上傳,定義一些值去判斷返回,如成功就定義一個狀態。

layui上傳圖片成功之後怎麼預覽成功的圖片

相關推薦:《layui框架教學

接收到成功回傳的訊息之後,判斷是否有這個狀態,有就輸出你的操作,如成功之後取得心圖片名字。

layui上傳圖片成功之後怎麼預覽成功的圖片

因為這樣的上傳沒經過處理,多圖也是每張呼叫一次,這樣就可以定義一個空變數保存每次的名字。

layui上傳圖片成功之後怎麼預覽成功的圖片

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

layui上傳圖片成功之後怎麼預覽成功的圖片

成功之後,取得input裡面的值,把值拆分,依特定符號拆分,之後得到的值for,遍歷出來,再追加到元素中。

layui上傳圖片成功之後怎麼預覽成功的圖片

注意事項

注意要寫點擊事件的時候使用live可以控制jq新增的元素。

注意拼接之後要截取掉。

以上是layui上傳圖片成功之後怎麼預覽成功的圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

小紅書發布自動儲存圖片怎麼解決?發布自動保存圖片在哪裡? 小紅書發布自動儲存圖片怎麼解決?發布自動保存圖片在哪裡? Mar 22, 2024 am 08:06 AM

隨著社群媒體的不斷發展,小紅書已經成為越來越多年輕人分享生活、發現美好事物的平台。許多用戶在發布圖片時遇到了自動儲存的問題,這讓他們感到十分困擾。那麼,如何解決這個問題呢?一、小紅書發布自動儲存圖片怎麼解決? 1.清除快取首先,我們可以嘗試清除小紅書的快取資料。步驟如下:(1)開啟小紅書,點選右下角的「我的」按鈕;(2)在個人中心頁面,找到「設定」並點選;(3)向下捲動,找到「清除快取」選項,點擊確認。清除快取後,重新進入小紅書,嘗試發布圖片看是否解決了自動儲存的問題。 2.更新小紅書版本確保你的小

抖音評論裡怎麼發圖片?評論區圖片入口在哪裡? 抖音評論裡怎麼發圖片?評論區圖片入口在哪裡? Mar 21, 2024 pm 09:12 PM

隨著抖音短影片的火爆,用戶們在留言區互動變得更加豐富多彩。有些用戶希望在評論中分享圖片,以便更好地表達自己的觀點或情感。那麼,抖音評論裡怎麼發圖片呢?本文將為你詳細解答這個問題,並為你提供一些相關的技巧和注意事項。一、抖音評論裡怎麼發圖片? 1.開啟抖音:首先,你需要開啟抖音APP,並登入你的帳號。 2.找到評論區:瀏覽或發布短影片時,找到想要評論的地方,點擊「評論」按鈕。 3.輸入評論內容:在留言區輸入你的評論內容。 4.選擇傳送圖片:在輸入評論內容的介面,你會看到一個「圖片」按鈕或「+」號按鈕,點

ppt怎麼讓圖片一張一張出來 ppt怎麼讓圖片一張一張出來 Mar 25, 2024 pm 04:00 PM

在PowerPoint中,讓圖片逐一顯示是常用的技巧,可以透過設定動畫效果來實現。本指南詳細介紹了實現此技巧的步驟,包括基本設定、圖片插入、新增動畫、調整動畫順序和時間。此外,還提供了進階設定和調整,例如使用觸發器、調整動畫速度和順序,以及預覽動畫效果。透過遵循這些步驟和技巧,使用者可以輕鬆地在PowerPoint中設定圖片逐一出現,從而提升簡報的視覺效果並吸引觀眾的注意力。

layui登陸頁怎麼設定跳轉 layui登陸頁怎麼設定跳轉 Apr 04, 2024 am 03:12 AM

layui 登入頁面跳轉設定步驟:新增跳轉代碼:在登入表單提交按鈕點選事件中新增判斷,成功登入後透過 window.location.href 跳到指定頁面。修改 form 配置:在 lay-filter="login" 的 form 元素中新增 hidden 輸入字段,name 為 "redirect",value 為目標頁面位址。

layui怎麼取得表單數據 layui怎麼取得表單數據 Apr 04, 2024 am 03:39 AM

layui 提供了多種取得表單資料的方法,包括直接取得表單所有欄位資料、取得單一表單元素值、使用formAPI.getVal() 方法取得指定欄位值、將表單資料序列化並作為AJAX 請求參數,以及監聽表單提交事件獲取資料。

酷狗上傳自己的音樂的簡單步驟 酷狗上傳自己的音樂的簡單步驟 Mar 25, 2024 pm 10:56 PM

1.打開酷狗音樂,點選個人頭像。 2、點選右上角設定的圖示。 3.點選【上傳音樂作品】。 4.點選【上傳作品】。 5.選擇歌曲,然後點選【下一步】。 6.最後點選【上傳】即可。

PPT圖片如何設定鉛筆灰階藝術效果 PPT圖片如何設定鉛筆灰階藝術效果 Mar 21, 2024 pm 02:51 PM

在許多場合,我們都可能期望為PPT中的圖片增添一些藝術化的處理,以此增強視覺效果,或更好地契合整體主題。其中,鉛筆灰度藝術效果以其獨特的魅力和出色的表現效果,成為了許多人的首選。這種效果不僅能讓圖片呈現出鉛筆手繪般的質感,更能將其轉化為灰度色彩,即黑白色調,從而去除色彩對視覺的干擾,但是很多用戶們在使用ppt的過程中還不了解究竟該如何完成這個效果,那麼下文中本站小編就會為大家帶來詳細的製作教程,希望能幫助大家! PPT圖片設定鉛筆灰階藝術效果方法1、開啟PPT2021軟體,插入一張圖片。 2、選

layui跟vue有啥差別 layui跟vue有啥差別 Apr 04, 2024 am 03:54 AM

layui與Vue的差異主要體現在功能和關注點上。 layui專注於快速開發UI元素,提供預製元件簡化頁面建置;而Vue則是全端框架,注重資料綁定、元件化開發和狀態管理,更適合建構複雜應用程式。 layui學習簡單,適合快速建立頁面;Vue學習曲線陡峭,但有助於建立可擴展且易於維護的應用程式。根據專案需求和開發者技能水平,可以選擇合適的框架。

See all articles