国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

The question / 2499人閱讀

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

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

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

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

html代碼：

       

           
圖片大小不超過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("請上傳圖片")
   } 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.對圖片還進(jìn)行寬高等其他參數(shù)設(shè)置，請參考其他網(wǎng)站
2.上傳圖片也可以進(jìn)行對大小的限制，比如是2M以下的設(shè)置。下次是截圖僅供參考


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


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

6. 說明

請大家多多提出意見，我會(huì)一一解答，謝謝。

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/95623.html

相關(guān)文章

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

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

    Darkgel 評論0 收藏0

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

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

    Reducto 評論0 收藏0

  • javascript功能插件大集合 前端常用插件 js常用插件

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

    netmou 評論0 收藏0

  • javascript功能插件大集合 前端常用插件 js常用插件

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

    Hydrogen 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<