成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

利用jQuery插件uploadPreview實(shí)現(xiàn)圖片上傳以及validate表單驗(yàn)證示例詳解

The question / 2553人閱讀

摘要:首先給大家介紹我之前遇到的問(wèn)題,傳統(tǒng)的圖片上傳展示和防止網(wǎng)頁(yè)的跳轉(zhuǎn),大佬們都懂,但是在這里我想簡(jiǎn)單的寫一下我的經(jīng)歷。下次是截圖僅供參考或者是這樣有其他參數(shù)的驗(yàn)證具體的詳細(xì)參數(shù)的一些問(wèn)題,請(qǐng)參考其他網(wǎng)站。

首先給大家介紹我之前遇到的問(wèn)題,傳統(tǒng)的圖片上傳、展示和防止網(wǎng)頁(yè)的跳轉(zhuǎn),大佬們都懂,但是在這里我想簡(jiǎn)單的寫一下我的經(jīng)歷。僅供小白參考。

引入jquery之后,在引入以下的js,我會(huì)簡(jiǎn)單介紹以下,后續(xù)有詳細(xì)的講解:

   //這是圖片展示的插件
   //這是防止form提交跳轉(zhuǎn)的插件
   //這是表單提交

html代碼:

       
圖片大小不超過(guò)2M,支持png、jpg、bmp格式。
//這是上傳圖片的input框,你可以改邊樣式讓其隱藏在你需要點(diǎn)擊上傳的地方

js代碼:

$("#Codeinput").uploadPreview({//這是圖片上傳的代碼
  Img: "codeImg",//預(yù)留展示img的id
  ImgType: ["jpg", "bmp", "png"],//圖片的格式
  Callback: function() {
  //成功展示后的回調(diào)函數(shù)
  }
});
$(".medio-btn").click(function() {//點(diǎn)擊執(zhí)行的函數(shù)
      initValidate()//點(diǎn)擊執(zhí)行的函數(shù)
})
// 初始化表單驗(yàn)證
function initValidate() {
   if($("#Codeinput").val() == "") {//判斷input框中是否有圖片
       alert("請(qǐng)上傳圖片")
   } else {
       $("#CodeId").ajaxSubmit({
          success: function(data) {//成功上傳的回調(diào)函數(shù)
           if(data.success) {//判斷后臺(tái)返回值
               alert("上傳成功")
           } else {
               alert("上傳失敗")
           }
       }
   });
  }
}

其他設(shè)置
事例圖片如下

1.有一個(gè)默認(rèn)的圖片

 2.點(diǎn)擊上傳圖片按鈕并選擇其中一個(gè)

 3.打開

 4.點(diǎn)擊上傳圖片成功

5. 其他注意事項(xiàng)

1.對(duì)圖片還進(jìn)行寬高等其他參數(shù)設(shè)置,請(qǐng)參考其他網(wǎng)站
2.上傳圖片也可以進(jìn)行對(duì)大小的限制,比如是2M以下的設(shè)置。下次是截圖僅供參考

   3.或者是這樣有其他參數(shù)的驗(yàn)證

   4.具體的詳細(xì)參數(shù)的一些問(wèn)題,請(qǐng)參考其他網(wǎng)站。

6. 說(shuō)明

請(qǐng)大家多多提出意見(jiàn),我會(huì)一一解答,謝謝。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/95623.html

相關(guān)文章

  • 利用jQuery插件uploadPreview實(shí)現(xiàn)圖片上傳以及validate表單驗(yàn)證示例詳解

    摘要:首先給大家介紹我之前遇到的問(wèn)題,傳統(tǒng)的圖片上傳展示和防止網(wǎng)頁(yè)的跳轉(zhuǎn),大佬們都懂,但是在這里我想簡(jiǎn)單的寫一下我的經(jīng)歷。下次是截圖僅供參考或者是這樣有其他參數(shù)的驗(yàn)證具體的詳細(xì)參數(shù)的一些問(wèn)題,請(qǐng)參考其他網(wǎng)站。 首先給大家介紹我之前遇到的問(wèn)題,傳統(tǒng)的圖片上傳、展示和防止網(wǎng)頁(yè)的跳轉(zhuǎn),大佬們都懂,但是在這里我想簡(jiǎn)單的寫一下我的經(jīng)歷。僅供小白參考。 引入jquery之后,在引入以下的js,我會(huì)簡(jiǎn)...

    Darkgel 評(píng)論0 收藏0
  • 利用jQuery插件uploadPreview實(shí)現(xiàn)圖片上傳以及validate表單驗(yàn)證示例詳解

    摘要:首先給大家介紹我之前遇到的問(wèn)題,傳統(tǒng)的圖片上傳展示和防止網(wǎng)頁(yè)的跳轉(zhuǎn),大佬們都懂,但是在這里我想簡(jiǎn)單的寫一下我的經(jīng)歷。下次是截圖僅供參考或者是這樣有其他參數(shù)的驗(yàn)證具體的詳細(xì)參數(shù)的一些問(wèn)題,請(qǐng)參考其他網(wǎng)站。 首先給大家介紹我之前遇到的問(wèn)題,傳統(tǒng)的圖片上傳、展示和防止網(wǎng)頁(yè)的跳轉(zhuǎn),大佬們都懂,但是在這里我想簡(jiǎn)單的寫一下我的經(jīng)歷。僅供小白參考。 引入jquery之后,在引入以下的js,我會(huì)簡(jiǎn)...

    Reducto 評(píng)論0 收藏0
  • javascript功能插件大集合 前端常用插件 js常用插件

    摘要:轉(zhuǎn)載來(lái)源包管理器管理著庫(kù),并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個(gè)整合和的最佳思想,使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來(lái)源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫(kù),并提供讀取和打包它們的工具。?npm – npm 是 javasc...

    netmou 評(píng)論0 收藏0
  • javascript功能插件大集合 前端常用插件 js常用插件

    摘要:轉(zhuǎn)載來(lái)源包管理器管理著庫(kù),并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個(gè)整合和的最佳思想,使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來(lái)源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫(kù),并提供讀取和打包它們的工具。?npm – npm 是 javasc...

    Hydrogen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<