2. 程式人生 > >SpringMVC與layui搭配實現圖片上傳（根據日期建立對應資料夾，配置虛擬目錄，壓縮上傳，瀏覽器版本相容）

SpringMVC與layui搭配實現圖片上傳（根據日期建立對應資料夾，配置虛擬目錄，壓縮上傳，瀏覽器版本相容）

阿新 • • 發佈：2019-02-09
$(function() { /** * layui圖片上傳控制元件 */ layui.use(['upload','form', 'layer'], function() { var $ = layui.jquery , upload = layui.upload; var ieVersion = IEVersion(); //上傳身份證正面 upload.render({ elem: '#cardFrontPic'
//表示當點這個id時，會觸發上傳控制元件，選擇圖片 , url: '${ctx}/userInfoApply/upload' , exts: 'jpg|png|jpeg' //表示允許上傳的圖片格式 , before: function (obj) { //預讀本地檔案示例，不支援ie8 //獲取瀏覽器版本號判斷ie版本，增強相容 console.log(ieVersion); if
(ieVersion >= 10 ){ obj.preview(function (index, file, result) { // console.log("版本大於10或不是ie瀏覽器"); // 這時的filename不是 importFile 框中的值 $('#Front').attr('style','display:none'); $('#cardFrontImg'
).attr('style','display:block').attr('src', result); //圖片連結（base64） }); } } , done: function (res) { //如果上傳失敗 if (res.code > 0) { $('#cardFrontImg').attr('style','display:none'); $('#Front').attr('style','display:block'); return layer.msg('上傳的圖片不能大於10M',{icon: 0}); }else{ //上傳成功 //如果ie版本在10以下，則使用伺服器圖片地址回顯 if(ieVersion < 10 || ieVersion =="edge"){ //console.log("ie版本小於10"); $('#Front').attr('style','display:none'); $('#cardFrontImg').attr('style','display:block').attr('src',"${ctx}/"+res.data.src); } $('#cardFrontPicture').val(res.data.src); layer.msg("圖片上傳成功",{icon:1}); } } }); }); }); //獲取瀏覽器版本 function IEVersion() { var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判斷是否IE<11瀏覽器 var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判斷是否IE的Edge瀏覽器 var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1; if(isIE) { var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp["$1"]); if(fIEVersion == 7) { return 7; } else if(fIEVersion == 8) { return 8; } else if(fIEVersion == 9) { return 9; } else if(fIEVersion == 10) { return 10; } else { return 6;//IE版本<=7 } } else if(isEdge) { return 'edge';//edge } else if(isIE11) { return 11; //IE11 }else{ return 20;//不是ie瀏覽器 } }

相關推薦

SpringMVC與layui搭配實現圖片上傳（根據日期建立對應資料夾，配置虛擬目錄，壓縮上傳，瀏覽器版本相容）

$(function() { /** * layui圖片上傳控制元件 */ layui.use(['upload','form', 'layer'], function() { var $ = layui.

嵌入layui元件實現圖片與附件上傳

通過layui元件實現上傳附件業務 jsp嵌入layui上傳附件元件 <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/platform/views/c

分散式檔案系統FastDFS簡介、搭建、與SpringBoot整合實現圖片上傳

之前大學時搭建過一個FastDFS的圖片伺服器，當時只是抱著好奇的態度搭著玩一下，當時搭建採用了一臺虛擬機器，tracker和storage服務在一臺機器上放著，最近翻之前的部落格突然想著在兩臺機器上搭建試一下，順便整合了SpringBoot實現了一下圖片的上傳服務。 新的閱讀體驗地址：http://www

五滴水：使用Ajax+jQuery來實現前端收到的資料在console上顯示+簡單的主頁設計與bootstrap外掛實現圖片輪播

前言嘚吧嘚 三天沒更博了，嘻嘻嘻打自己：3 最近的狀態比開始的時候好太多，能看懂cygwin和console上報的錯誤了，知道到底是縮進出了問題還是我的程式碼邏輯不完整了，找資源也知道哪裡是我要的，也可以找到想要的了·······慢慢來，給自己立個flag ：

Kinect與PCL搭配實現RGBD點雲的實時顯示

剛剛學會了將彩色影象與深度影象的對齊方法。利用Kinect SDK裡面的對映函式，可以將深度圖的畫素和彩色圖對應，同時將深度圖對映到相機空間上。在利用PCL將深度影象的的每一個畫素和與其對應的顏色存到點雲中，再進行顯示。 程式碼如下：   #include <Kine

java實現FTP上傳(檔案)、下載(檔案、資料夾、資料夾遞迴)、刪除(檔案、資料夾遞迴)

提示:必須先保證有在FTP上上傳、下載、刪除的許可權! 本文結構 ---- 先給出測試樣例(圖片版),再給出工具類程式碼(文字版)! 上傳測試 注意:.uploadFile(String remoteDir, String remoteFileName, F

GitHub網頁使用技巧——新建倉庫、上傳檔案、建立新資料夾、上傳圖片

GitHub網頁使用技巧 I、新建倉庫、不用遠端上傳檔案，直接本地上傳： 建立一個名為X的新倉庫，直接網頁上粘程式碼，不用遠端上傳檔案。 New Repository -> Repository

SpringMVC與Mybatis集合實現呼叫儲存過程、事務控制

在SSM框架中經常會用到呼叫資料庫中的儲存過程、以及事務控制，下面以儲存某單據為例，介紹一下： 1、Oracle中儲存過程程式碼如下(主要邏輯將單據編碼自動加1，並將該單據編碼返回)： CREATE OR REPLACE PROCEDURE "UPDATE_DJBHZT"

基於javascript實現圖片懶載入（適用於pc端與h5）

這篇文章主要介紹了javascript實現圖片懶載入的方法及思路，在實際開發中有時我們需要用懶載入，也就是延遲載入圖片的方式，來提高網站的親和力,需要的朋友可以參考下。 一、定義 　　圖片延遲載入也稱為懶載入，延遲載入圖片或符合某些條件時才載入某些圖片，通常用於圖片比

圖片上傳至Web專案下指定資料夾,需重新整理專案下資料夾才能顯示(已解決)

java專案,通過上傳功能將圖片上傳至WebContent下的goodsPicture檔案下中,上傳圖片後,可從後臺看到圖片上傳成功,但是前端頁面圖片404,在專案中重新整理WebContent下的goodsPicture後,前端成功顯示圖片 專案用的eclipse開發的

JS 滑鼠的移入與移開 實現表格換色（onmouseover onmouseout ）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function changeColor

java 通過SFTP連線，獲取指定目錄檔案和上傳檔案

import com.jcraft.jsch.Channel; import com.jcraft.jsch.ChannelSftp; import com.jcraft.jsch.JSch; import com.jcraft.jsch.Session; import co

touch與bootstrap簡單實現移動端切換（重點在touch）

touch與bootstrap簡單實現移動端切換 在此，我將以最簡單的方式呈現出移動端切換的核心程式碼 這段程式碼將會在監聽touch事件時對拖動長度進行計算從而決定是否要呼叫bootstrap中的切換展示函式 第一步，我們對需要監聽的元素新增監聽觸控與觸控移動功能

KNN實現圖片的分類（python）

一 . K-近鄰演算法（KNN）概述      最簡單最初級的分類器是將全部的訓練資料所對應的類別都記錄下來，當測試物件的屬性和某個訓練物件的屬性完全匹配時，便可以對其進行分類。但是怎麼可能所有測試物件都會找到與之完全匹配的訓練物件呢，其次就是存在一個測試物件同時與多個訓練

訊號量與共享記憶體實現程序間通訊（生產者消費者問題為例）

（一）訊號量訊號量是IPC的一種，可以看做是一個計數器，計數值為可用的共享資源的數量，訊號量可用於多程序的同步，為多個程序提供對共享資源的訪問。linux下的訊號量的介面函式如下：/*(1)獲取訊號量*/int semget(key_t key, int semnum, in

用java實現圖片漸變疊加（3種方法）

原理上是2種方法，但是可以用3種方法實現（沒想到花了我那麼多時間）：1.是根據alpha值計算，象素的各單色分量衰減後相加；2.是修改一張圖片的透明度，然後用畫到另一張圖片上面；3.是象素點的插值，不涉及透明度的使用。做的時候先試的第3種方法的，花的時間最多，結果發現效果最

通過alpha變數實現圖片透明度漸變（仍然用到JS緩衝運動框架）

程式思路： 實際上是一種運動。跟運動一樣的是，由一個透明度，運動到另一個透明度。 步驟： 1：寫一個Div為其賦值為半透明，相容FF和IE的相容，這樣寫css： opacity:0.3;filter:alpha(opacity=30); 2：寫一個onload，獲取元素，併

把本地檔案上傳到遠端倉庫：git和github，前提是上傳的不能是空資料夾

把本地檔案上傳到遠端倉庫：git和github 前提是上傳的不能是空資料夾，git是不能上傳空資料夾的，要是太想上傳空資料夾，就往裡面放一個readme.txt，老子搞了半天就是因為這個原因沒上傳成功我的檔案目錄，廖雪峰的部落格裡面也沒有提醒，真是太壞了 （

通過base64實現圖片下載功能（基於vue）

code 不支持 dea methods navi text 完整 瀏覽器支持 stat 1. 使用場景 當我們處理圖片下載功能的時候，如果本地的圖片，那麽是可以通過canvas獲得圖片的base64的，方法如下。但是如果圖片的url存在跨域問題的話，下面的方法將行不通，這

【SVN】徹底 svn 伺服器上的 刪除某一個檔案或資料夾

參考： 　　CSDN1：https://blog.csdn.net/u011729865/article/details/78764523 　　CSDN2：https://blog.csdn.net/wyyother1/article/details/80061952 1、注意一下，我客戶端是在 win