2. 程式人生 > >Web頁面上傳功能

Web頁面上傳功能

阿新 • • 發佈：2017-07-03
lap insert .cn nbsp img mil ati const constant

註：參考消保維權系統，登記頁面上傳功能1、JSP頁面：<%@page import="com.wondersgroup.esf.base.util.ApplicationContextUtil"%><%@ page language="java" pageEncoding="UTF-8"%><%@ include file="../../../common/taglib.jsp" %><script type="text/javascript"> //替換所有 String.prototype.replaceAll = function(s1, s2) {
return this.replace(new RegExp(s1, "gm"), s2); }; //截取上傳附件路徑後的名稱 function getFileName(id){ var $file = $(id); var value=$file.val(); var index=value.lastIndexOf("\\")+1; var fileName=value.substring(index); type=".gif|.jpeg|.jpg|.png|.bmp|.txt|.doc|.docx|.xls|.xlsx|.zip|.rar|"
; if (checkAttachment(fileName, type)) { $file.prev().val(fileName); } else { $file.after($file.clone().val("")); $file.remove(); } } function checkAttachment(obj, AllowExt) { var FileExt = obj.substr(obj.lastIndexOf(".")).toLowerCase();
if (AllowExt != 0 && AllowExt.indexOf(FileExt + "|") == -1) { // 判斷文件類型是否允許上傳 ErrMsg = "\n該文件類型不允許上傳!請上傳\n" + AllowExt + "類型的文件,\n當前文件類型為" + FileExt; alert(ErrMsg); return false; } return true; } //新增附件上傳 function funAddUpload() { var caseForm = document.getElementsByTagName("form"); if (caseForm[0].id=="formCaseInfo") { alert("只能上傳一個附件！"); } else { var inquireRow = tbodyUpload.insertRow(tbodyUpload.rows.length); var investorCell = inquireRow.insertCell(); var maxIndex = parseInt(tbodyUpload.getAttribute(‘maxIndex‘)); var innerHTML = $("#templateUpUp").html(); innerHTML = innerHTML.replaceAll("\\[0\\]", "[" + maxIndex + "]"); innerHTML = innerHTML.replaceAll("_0", "_" + maxIndex); investorCell.innerHTML = innerHTML; inquireRow.setAttribute(‘index‘, maxIndex); tbodyUpload.setAttribute(‘maxIndex‘, maxIndex + 1); $(‘#fileName_‘ + maxIndex).val(""); $(‘#myFiles_‘ + maxIndex).val(""); } } //刪除咨詢信息 function deleteUpload(obj) { if (tbodyUpload.rows.length > 1) { rowObj = getRowObj(); if (rowObj.rowIndex == 1) { alert(‘第一行不能刪除!‘); return; } if (confirm(‘確定‘ + obj.title + ‘?‘)) { rowObj.removeNode(true); } } else { alert(‘至少保留一條！‘); } } function getRowObj() { var eSrc = window.event.srcElement; event.returnValue = false; var i = 0; while (true) { if (eSrc.tagName.toUpperCase() == "TR") { if (i < 1) { i++; } else { return eSrc; break; } } eSrc = eSrc.parentElement; } } function getRowIndex() { return getRowObj().getAttribute(‘index‘); }</script> <table id="uploadTable" class="table_search"> <thead> <tr> <th colspan="3" style="cursor: hand"> 上傳附件 <img align="absmiddle" src="<%=ApplicationContextUtil.getBasePath(request)%>images/add.png" style="cursor: pointer;" onclick="funAddUpload()" /> </th> </tr> </thead> <tbody id="tbodyUpload" maxIndex=‘1‘> <tr id="templateUpUp" index="0"> <td width="100%"> <table id="tabUp" border="0" cellpadding="5" cellspacing="0" style="border-collapse: collapse;width: 99%;margin: 4px;"> <tr id="noTab"> <th>請選擇上傳的文件:</th> <td> <form:hidden id="fileName_0" name="cnUploads[0].fileName" /> <input type="file" id="myFiles_0" name="myFiles" onchange="getFileName(this)" style="width:90%; height:18px; line-height:18px;"/> </td> <td style="width:15%"> <IMG align="absmiddle" src="<%=ApplicationContextUtil.getBasePath(request)%>images/del.png" style="cursor: pointer" onclick="deleteUpload(this)" title="刪除該條咨詢信息" /> </td> </tr> </table> </td> </tr> </tbody> </table>2、保存後，後臺處理代碼：（參考cnAppServiceImple） // 保存附件信息 MultipartHttpServletRequest mRequest = (MultipartHttpServletRequest) form.getRequest(); List<MultipartFile> myFiles = mRequest.getFiles("myFiles"); for (MultipartFile multipartFile : myFiles) { if (StringUtils.isNotBlank(multipartFile.getOriginalFilename())) { CnUpload cnUpload = new CnUpload(); cnUpload.setSerialNo(null); cnUpload.setCaseId(caseId); cnUpload.setFileName(multipartFile.getOriginalFilename()); cnUpload.setActId(BusinessConstants.FLOW_ID_CN_START); cnUpload.setUploadDate(new Date()); cnUpload.setFilePath(path); this.baseDao.persist(cnUpload); FileUtils.copyInputStreamToFile(multipartFile.getInputStream(), new File(path, multipartFile.getOriginalFilename())); } }


來自為知筆記(Wiz)

Web頁面上傳功能

相關推薦

Web頁面上傳功能

lap insert .cn nbsp img mil ati const constant 註：參考消保維權系統，登記頁面上傳功能1、JSP頁面：<%@page import="com.wondersgroup.esf.base.util.ApplicationCo

基於Flask實現檔案的上傳功能的多例項Web服務

flask是Python中非常輕量的Web框架，允許開發者以非常少的程式碼實現各類的Web應用，本文將簡單例項一個簡單Web的檔案上傳功能的開發。 環境介紹 Centos 7.2, virtual env 下的python 3。 安裝flask

七牛雲單頁面上傳圖片的功能

<?php date_default_timezone_set("Asia/Shanghai"); //設定時區 //插入七牛雲的類庫 require_once('../../library/qiniu/rs.php'); require_once('../../l

Web Api Self Host大檔案上傳功能

Web Api 多檔案上傳功能 還是直接貼程式碼比較直觀 /// <summary> /// 多檔案上傳介面 /// </su

在jsp頁面中新增富文字編譯器（ueditor）+ 圖片上傳功能

  一次老大讓我把文字的編輯區域加一個富文字編譯器，於是馬上下載了一個kindEditor來試試，但後來老大推薦說百度的ueditor編譯器不錯，於是我便懷著擴充套件知識，又學到一個新東西的心理下載了百度的ueidtor編譯器，整合到專案中感覺確實不錯，今天就和大家分享下這個富文字編譯器的使用…… 下載

PHP圖片上傳功能實現

php file 圖片上傳 上傳圖片功能：獲取當前文件夾位置，上傳到當前文件夾下為了上傳後文件名重復導致覆蓋，上傳後更改名字為：當前時間+原文件名只允許gif、jpeg、bmg、jpg格式的文件上傳<form name="frm1" enctype="multipart/form-data"

Node.js 博客實例（三）添加文件上傳功能

文件 ace direct 上傳文件 file form parser rec mark 原教程 https://github.com/nswbmw/N-blog/wiki/_pages的第三章 上傳文件眼下有三種方法： 使用 Express 自帶的文件上傳功能，不涉

移動端web頭像上傳實現截取和照片方向修復

trac 支持 隱藏 gre jquery 頭像 圖像加載 fun 僅供參考 實戰所需js包： jQuery、Jcrop、EXIF 本次實戰功能是在 app 中的 我的客戶 的客戶信息頁面中實現移動端web的頭像上傳，本次沒有實現圖像拖拽、縮放的觸摸事件功能(Jcro

使用cos.jar包實現文件上傳功能

文件上傳 cos 控制文件類型 文件重命名 控制文件大小 我們經常做項目時要用到文件上傳功能，同時還要控制文件大小與文件類型，文件的重命名等功能；今天跟大家講解一下使用cos.jar包來實現文件上傳與控制的功能吧。第一步：要把cos.jar文件拷貝到WEB-INF/lib文件夾第二步：創建

bootstrap file input 實現多圖上傳功能

slow customer dex event view 文件 all shee end 官方文檔 http://plugins.krajee.com/ demo http://plugins.krajee.com/file-input-ajax-demo/3

SpringMVC高速實現文件上傳功能

comm utf int mit out ads .get ddc 成功 SpringMVC為我們封裝了上傳文件的功能，如今就試用一下 須要的jar包 我用的是Maven項目，就不須要到處下載Jar包了 SpringMVC的搭建 首先要在ap

使用Commons FileUpLoad組件實現文件上傳功能

連接 eve quest 包括 ring 必須 請求 模塊 rate Commons 是Apache開放的源碼組織的一個java子項目，該項目主要涉及一些開發中常用的模塊，如文件上傳，命令行處理，數據庫連接池等。FileUpLoad就是其中的一個用於處理HTTP

IIS部署flask之實現文件上傳功能

iis flask1、環境windows 7 x64IIS 6python 2.7.9wfastcgi-3.0.0flask-0.12.22、安裝wfastcgi，並啟動wfastcgipip install wfastcgiC:\Users\wangpan>D:\software\Python27\S

android之使用GridView+仿微信圖片上傳功能(附源代碼)

相冊 ada nbu [] for round pen fromfile idt 　　由於工作要求最近在使用GridView完成圖片的批量上傳功能，我的例子當中包含仿微信圖片上傳、拍照、本地選擇、相片裁剪等功能，如果有需要的朋友可以看一下，希望我的實際經驗能對您有所幫助。

拖拽上傳功能

else if dev 個數 enum xhr html5 ont align ger 拖拽上傳功能旨在實現拖拽文件或者圖片上傳到你想要保存到的地方。此處上傳的是xml文件，可以在裏面對文件類型進行限制； 聲明：現在的ie瀏覽器9及以下的版本並不支持該方法實現拖拽上傳，如果

上傳功能

原因 div lln toc fixed max reload ogr i++ 前臺：用Uploader插件寫好前臺 var uploader1 = null; var uploadExcelUrl = ‘@Url.Action(uploadAction, cont

(轉)Android學習-使用Async-Http實現圖片壓縮並上傳功能

activit 一次 make down cte hot for lfw ram （轉）Android學習-使用Async-Http實現圖片壓縮並上傳功能 文章轉載自：作者：RyaneLee鏈接：http://www.jianshu.com/p/940fc7ba39e1

jmeter測試文件上傳功能

idt nbsp 文件路徑 查看系統 文件下載 download 本地 xls 關聯 最近為了完成自動化KPI開始慢慢接觸jmeter，其中遇到了不少問題，今天就遇到了文件上傳的問題，在這裏記錄下加深記憶，也可供jmeter初級使用者作為一個參考。另外論壇上已有同事發過關於

jquery圖片上傳功能

jquery圖片上傳功能關於jquery圖片上傳功能呢，我引入了jquery.min.js jquery-1.8.3.min.js jquery.ui.widget.js jquery.iframe-transport.js jquery.fileupload.js上傳圖片的代碼：圖片上傳成功之後，可以選擇刪

Vue2.0 引用 exif.js 實現調用攝像頭進行拍照功能以及圖片上傳功能

[0 complete num else imp ada blob can isf vue組件代碼 <template> <div> <div style="padding:20px;"> <div cla