当前位置：Gxlcms > 数据库问题 > js上传文件带参数，并且，返回给前台文件路径，解析上传的xml文件，存储到数据库中

js上传文件带参数，并且，返回给前台文件路径，解析上传的xml文件，存储到数据库中

时间：2021-07-01 10:21:17 帮助过：18人阅读

function(id, uri) { //create frame var frameId = ‘jUploadFrame‘ + id; if(window.ActiveXObject) { var io = document.createElement(‘<iframe id="‘ + frameId + ‘" name="‘ + frameId + ‘" />‘); if(typeof uri== ‘boolean‘){ io.src = ‘javascript:false‘; } else if(typeof uri== ‘string‘){ io.src = uri; } } else { var io = document.createElement(‘iframe‘); io.id = frameId; io.name = frameId; } io.style.position = ‘absolute‘; io.style.top = ‘-1000px‘; io.style.left = ‘-1000px‘; document.body.appendChild(io); return io }, createUploadForm: function(id, fileElementId) { //create form var formId = ‘jUploadForm‘ + id; var fileId = ‘jUploadFile‘ + id; var form = $(‘<form action="" method="POST" name="‘ + formId + ‘" id="‘ + formId + ‘" enctype="multipart/form-data"></form>‘); var oldElement = $(‘#‘ + fileElementId); var newElement = $(oldElement).clone(); $(oldElement).attr(‘id‘, fileId); $(oldElement).before(newElement); $(oldElement).appendTo(form); //set attributes $(form).css(‘position‘, ‘absolute‘); $(form).css(‘top‘, ‘-1200px‘); $(form).css(‘left‘, ‘-1200px‘); $(form).appendTo(‘body‘); return form; }, addOtherRequestsToForm: function(form,data) { // add extra parameter var originalElement = $(‘<input type="hidden" name="" value="">‘); for (var key in data) { name = key; value = data[key]; var cloneElement = originalElement.clone(); cloneElement.attr({‘name‘:name,‘value‘:value}); $(cloneElement).appendTo(form); } return form; }, ajaxFileUpload: function(s) { // TODO introduce global settings, allowing the client to modify them for all requests, not only timeout s = jQuery.extend({}, jQuery.ajaxSettings, s); var id = new Date().getTime() var form = jQuery.createUploadForm(id, s.fileElementId); if ( s.data ) form = jQuery.addOtherRequestsToForm(form,s.data); var io = jQuery.createUploadIframe(id, s.secureuri); var frameId = ‘jUploadFrame‘ + id; var formId = ‘jUploadForm‘ + id; // Watch for a new set of requests if ( s.global && ! jQuery.active++ ) { jQuery.event.trigger( "ajaxStart" ); } var requestDone = false; // Create the request object var xml = {} if ( s.global ) jQuery.event.trigger("ajaxSend", [xml, s]); // Wait for a response to come back var uploadCallback = function(isTimeout) { var io = document.getElementById(frameId); try { if(io.contentWindow) { xml.responseText = io.contentWindow.document.body?io.contentWindow.document.body.innerHTML:null; xml.responseXML = io.contentWindow.document.XMLDocument?io.contentWindow.document.XMLDocument:io.contentWindow.document; }else if(io.contentDocument) { xml.responseText = io.contentDocument.document.body?io.contentDocument.document.body.innerHTML:null; xml.responseXML = io.contentDocument.document.XMLDocument?io.contentDocument.document.XMLDocument:io.contentDocument.document; } }catch(e) { jQuery.handleError(s, xml, null, e); } if ( xml || isTimeout == "timeout") { requestDone = true; var status; try { status = isTimeout != "timeout" ? "success" : "error"; // Make sure that the request was successful or notmodified if ( status != "error" ) { // process the data (runs the xml through httpData regardless of callback) var data = jQuery.uploadHttpData( xml, s.dataType ); // If a local callback was specified, fire it and pass it the data if ( s.success ) s.success( data, status ); // Fire the global callback if( s.global ) jQuery.event.trigger( "ajaxSuccess", [xml, s] ); } else jQuery.handleError(s, xml, status); } catch(e) { status = "error"; jQuery.handleError(s, xml, status, e); } // The request was completed if( s.global ) jQuery.event.trigger( "ajaxComplete", [xml, s] ); // Handle the global AJAX counter if ( s.global && ! --jQuery.active ) jQuery.event.trigger( "ajaxStop" ); // Process result if ( s.complete ) s.complete(xml, status); jQuery(io).unbind() setTimeout(function() { try { $(io).remove(); $(form).remove(); } catch(e) { jQuery.handleError(s, xml, null, e); } }, 100) xml = null } } // Timeout checker if ( s.timeout > 0 ) { setTimeout(function(){ // Check to see if the request is still happening if( !requestDone ) uploadCallback( "timeout" ); }, s.timeout); } try { // var io = $(‘#‘ + frameId); var form = $(‘#‘ + formId); $(form).attr(‘action‘, s.url); $(form).attr(‘method‘, ‘POST‘); $(form).attr(‘target‘, frameId); if(form.encoding) { form.encoding = ‘multipart/form-data‘; } else { form.enctype = ‘multipart/form-data‘; } $(form).submit(); } catch(e) { jQuery.handleError(s, xml, null, e); } if(window.attachEvent){ document.getElementById(frameId).attachEvent(‘onload‘, uploadCallback); } else{ document.getElementById(frameId).addEventListener(‘load‘, uploadCallback, false); } return {abort: function () {}}; }, uploadHttpData: function( r, type ) { var data = !type; data = type == "xml" || data ? r.responseXML : r.responseText; // If the type is "script", eval it in global context if ( type == "script" ) jQuery.globalEval( data ); // Get the JavaScript object, if JSON is used. if ( type == "json" ) { // If you add mimetype in your response, // you have to delete the ‘<pre></pre>‘ tag. // The pre tag in Chrome has attribute, so have to use regex to remove var data = r.responseText; var rx = new RegExp("<pre.*?>(.*?)</pre>","i"); var am = rx.exec(data); //this is the desired data extracted var data = (am) ? am[1] : ""; //the only submatch or empty eval( "data = " + data ); } // evaluate scripts within html if ( type == "html" ) jQuery("<div>").html(data).evalScripts(); //alert($(‘param‘, data).each(function(){alert($(this).attr(‘value‘));})); if ( type == "application/json"){ var data = r.responseText; data = jQuery.parseJSON(jQuery(data).text()) } return data; } })

jsp

  1. <span style="background-color: #ffff00; color: #000000"><%</span><span style="background-color: #f5f5f5; color: #000000">@ page language</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #800000">java</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #000000"> contentType</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #800000">text/html; charset=UTF-8</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #000000">
  2.     pageEncoding</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #800000">UTF-8</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #ffff00; color: #000000">%></span>
  3. <span style="background-color: #ffff00; color: #000000"><%</span><span style="background-color: #f5f5f5; color: #000000">@ taglib prefix</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #800000">c</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #000000"> uri</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #800000">http://java.sun.com/jsp/jstl/core</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #ffff00; color: #000000">%></span>
  4. <span style="background-color: #ffff00; color: #000000"><%</span><span style="background-color: #f5f5f5; color: #000000">@ taglib prefix</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #800000">fmt</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #000000"> uri</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #800000">http://java.sun.com/jsp/jstl/fmt</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #ffff00; color: #000000">%></span>
  5. <span style="background-color: #ffff00; color: #000000"><%</span>
  6.     <span style="background-color: #f5f5f5; color: #0000ff">String</span><span style="background-color: #f5f5f5; color: #000000"> path </span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #000000"> request.getContextPath();
  7.     </span><span style="background-color: #f5f5f5; color: #0000ff">String</span><span style="background-color: #f5f5f5; color: #000000"> basePath </span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #000000"> request.getScheme() </span><span style="background-color: #f5f5f5; color: #000000">+</span> <span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #800000">://</span><span style="background-color: #f5f5f5; color: #800000">"</span>
  8.             <span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000"> request.getServerName() </span><span style="background-color: #f5f5f5; color: #000000">+</span> <span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #800000">:</span><span style="background-color: #f5f5f5; color: #800000">"</span> <span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000"> request.getServerPort()
  9.             </span><span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000"> path </span><span style="background-color: #f5f5f5; color: #000000">+</span> <span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #800000">/</span><span style="background-color: #f5f5f5; color: #800000">"</span><span style="background-color: #f5f5f5; color: #000000">;
  10. </span><span style="background-color: #ffff00; color: #000000">%></span>
  11. <span style="color: #0000ff"><!</span><span style="color: #ff00ff">DOCTYPE</span><span style="color: #0000ff">></span>
  12. <span style="color: #0000ff"><</span><span style="color: #800000">html</span><span style="color: #0000ff">></span>
  13. <span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span>
  14. <span style="color: #0000ff"><</span><span style="color: #800000">base </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="<%=basePath%>"</span><span style="color: #0000ff">></span>
  15. <span style="color: #0000ff"><</span><span style="color: #800000">title</span><span style="color: #0000ff">></span>北斗救援平台<span style="color: #0000ff"></</span><span style="color: #800000">title</span><span style="color: #0000ff">></span>
  16. <span style="color: #0000ff"><</span><span style="color: #800000">jsp:include </span><span style="color: #ff0000">page</span><span style="color: #0000ff">="common/head.jsp"</span><span style="color: #0000ff">/></span>
  17. <span style="color: #0000ff"><</span><span style="color: #800000">link </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="static/page/style/grzx.css"</span><span style="color: #ff0000"> rel</span><span style="color: #0000ff">="stylesheet"</span><span style="color: #ff0000"> type</span><span style="color: #0000ff">="text/css"</span><span style="color: #0000ff">></span>
  18. <span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">></span>
  19. <span style="color: #0000ff"><</span><span style="color: #800000">body</span><span style="color: #0000ff">></span>
  20. <span style="color: #0000ff"><</span><span style="color: #800000">div </span><span style="color: #ff0000">id</span><span style="color: #0000ff">="columnbanner"</span><span style="color: #0000ff">><</span><span style="color: #800000">img </span><span style="color: #ff0000">src</span><span style="color: #0000ff">="static/page/images/grzx/banner.jpg"</span><span style="color: #0000ff">></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
  21. <span style="color: #0000ff"><</span><span style="color: #800000">div </span><span style="color: #ff0000">id</span><span style="color: #0000ff">="mainbox"</span><span style="color: #0000ff">></span>
  22.     <span style="color: #0000ff"><</span><span style="color: #800000">jsp:include </span><span style="color: #ff0000">page</span><span style="color: #0000ff">="common/grzx_navigation.jsp"</span><span style="color: #0000ff">></</span><span style="color: #800000">jsp:include</span><span style="color: #0000ff">></span>
  23.   <span style="color: #0000ff"><</span><span style="color: #800000">div </span><span style="color: #ff0000">id</span><span style="color: #0000ff">="rightbox"</span><span style="color: #0000ff">></span>
  24.          <span style="color: #0000ff"><</span><span style="color: #800000">div </span><span style="color: #ff0000">id</span><span style="color: #0000ff">="big_title"</span><span style="color: #0000ff">></span>
  25.             <span style="color: #0000ff"><</span><span style="color: #800000">p</span><span style="color: #0000ff">></span>首页 · 帮助中心 · 栏目名称<span style="color: #0000ff"></</span><span style="color: #800000">p</span><span style="color: #0000ff">></span><span style="color: #000000">
  26.             我的轨迹
  27.     </span><span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
  28.          <span style="color: #0000ff"><</span><span style="color: #800000">div </span><span style="color: #ff0000">id</span><span style="color: #0000ff">="grzx_wdgj"</span><span style="color: #0000ff">></span>
  29.       <span style="color: #0000ff"><</span><span style="color: #800000">table </span><span style="color: #ff0000">width</span><span style="color: #0000ff">="100%"</span><span style="color: #ff0000"> border</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000"> cellspacing</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000"> cellpadding</span><span style="color: #0000ff">="0"</span><span style="color: #0000ff">></span>
  30.           <span style="color: #0000ff"><</span><span style="color: #800000">thead</span><span style="color: #0000ff">></span>
  31.           <span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>
  32.             <span style="color: #0000ff"><</span><span style="color: #800000">td </span><span style="color: #ff0000">width</span><span style="color: #0000ff">="60"</span><span style="color: #ff0000"> align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">></span>编号<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>
  33.             <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>轨迹名称<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>
  34.             <span style="color: #0000ff"><</span><span style="color: #800000">td </span><span style="color: #ff0000">width</span><span style="color: #0000ff">="120"</span><span style="color: #ff0000"> align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">></span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>
  35.             <span style="color: #0000ff"><</span><span style="color: #800000">td </span><span style="color: #ff0000">width</span><span style="color: #0000ff">="100"</span><span style="color: #ff0000"> align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">></span>操作<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>
  36.           <span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>                                                                                                              
  37.          <span style="color: #0000ff"></</span><span style="color: #800000">thead</span><span style="color: #0000ff">></span>
  38.          <span style="color: #0000ff"><</span><span style="color: #800000">tbody </span><span style="color: #ff0000">id</span><span style="color: #0000ff">="content"</span><span style="color: #0000ff">></span>
  39.           
  40.           <span style="color: #0000ff"></</span><span style="color: #800000">tbody</span><span style="color: #0000ff">></span>
  41.         <span style="color: #0000ff"></</span><span style="color: #800000">table</span><span style="color: #0000ff">></span>
  42.       <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
  43.          <span style="color: #0000ff"><</span><span style="color: #800000">div </span><span style="color: #ff0000">id</span><span style="color: #0000ff">="big_title"</span><span style="color: #0000ff">></span>新增轨迹<span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
  44.       <span style="color: #0000ff"><</span><span style="color: #800000">div </span><span style="color: #ff0000">id</span><span style="color: #0000ff">="grzx_wdzl"</span><span style="color: #ff0000"> style</span><span style="color: #0000ff">="border:1px solid #ccc;border-top:none; padding:20px; background:#f9f9f9;"</span><span style="color: #0000ff">></span>
  45.             <span style="color: #0000ff"><</span><span style="color: #800000">table </span><span style="color: #ff0000">style</span><span style="color: #0000ff">="margin:0px;"</span><span style="color: #0000ff">></span>
  46.               <span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>
  47.                 <span style="color: #0000ff"><</span><span style="color: #800000">td </span><span style="color: #ff0000">valign</span><span style="color: #0000ff">="top"</span><span style="color: #0000ff">></span>轨迹名称：<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>
  48.                 <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">input </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span><span style="color: #ff0000"> name</span><span style="color: #0000ff">="NAME"</span><span style="color: #ff0000"> id</span><span style="color: #0000ff">="NAME"</span><span style="color: #ff0000"> style</span><span style="color: #0000ff">="width:250px;"</span><span style="color: #0000ff">></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>
  49.               <span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>
  50.               <span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>
  51.                 <span style="color: #0000ff"><</span><span style="color: #800000">td </span><span style="color: #ff0000">valign</span><span style="color: #0000ff">="top"</span><span style="color: #0000ff">></span>上传附件：<span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>
  52.                 <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">input </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="file"</span><span style="color: #ff0000"> name</span><span style="color: #0000ff">="upfile"</span><span style="color: #ff0000"> id</span><span style="color: #0000ff">="file2"</span><span style="color: #ff0000"> style</span><span style="color: #0000ff">="width:250px;"</span><span style="color: #0000ff">></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>
  53.               <span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>
  54.               <span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>
  55.                 <span style="color: #0000ff"><</span><span style="color: #800000">td </span><span style="color: #ff0000">valign</span><span style="color: #0000ff">="top"</span><span style="color: #0000ff">></span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>
  56.                 <span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">><</span><span style="color: #800000">button </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="submit"</span><span style="color: #ff0000"> onclick</span><span style="color: #0000ff">="getupfilerul();"</span><span style="color: #0000ff">></span>确认保存<span style="color: #0000ff"></</span><span style="color: #800000">button</span><span style="color: #0000ff">></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span>
  57.               <span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span>
  58.             <span style="color: #0000ff"></</span><span style="color: #800000">table</span><span style="color: #0000ff">></span>
  59.     <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>      
  60.       
  61.   <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
  62.   <span style="color: #0000ff"><</span><span style="color: #800000">div </span><span style="color: #ff0000">class</span><span style="color: #0000ff">="clear"</span><span style="color: #0000ff">></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
  63. <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
  64. <span style="color: #0000ff"><</span><span style="color: #800000">jsp:include </span><span style="color: #ff0000">page</span><span style="color: #0000ff">="common/foot.jsp"</span><span style="color: #0000ff">></</span><span style="color: #800000">jsp:include</span><span style="color: #0000ff">></span>
  65. <span style="color: #0000ff"></</span><span style="color: #800000">body</span><span style="color: #0000ff">></span>
  66. <span style="color: #0000ff"><</span><span style="color: #800000">script </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #ff0000"> src</span><span style="color: #0000ff">="static/js/ajaxfileupload.js"</span><span style="color: #0000ff">></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span>
  67. <span style="color: #0000ff"><</span><span style="color: #800000">link </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="static/page/script/colorbox/example4/colorbox.css"</span><span style="color: #ff0000"> rel</span><span style="color: #0000ff">="stylesheet"</span><span style="color: #ff0000"> type</span><span style="color: #0000ff">="text/css"</span> <span style="color: #0000ff">/></span>
  68. <span style="color: #0000ff"><</span><span style="color: #800000">script </span><span style="color: #ff0000">src</span><span style="color: #0000ff">="static/page/script/colorbox/colorbox/jquery.colorbo.proadmin.js"</span><span style="color: #0000ff">></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span>
  69. <span style="color: #0000ff"><</span><span style="color: #800000">script </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #0000ff">></span>
  70. <span style="background-color: #f5f5f5; color: #008000">//</span><span style="background-color: #f5f5f5; color: #008000">基本接口-获取文件上传url</span>
  71. <span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> getupfilerul(){
  72.     $.ajaxFileUpload({
  73.         url:</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">usertrail/canupload</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">,
  74.         fileElementId:</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">file2</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">,
  75.         data:{NAME:$(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">#NAME</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">).val()},
  76.         </span><span style="background-color: #f5f5f5; color: #008000">//</span><span style="background-color: #f5f5f5; color: #008000">dataType:‘json‘,</span>
  77. <span style="background-color: #f5f5f5; color: #000000">        dataType:</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">application/json</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">,
  78.         success:</span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000">(data,status){
  79.             </span><span style="background-color: #f5f5f5; color: #0000ff">if</span><span style="background-color: #f5f5f5; color: #000000">(status</span><span style="background-color: #f5f5f5; color: #000000">==</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">success</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">){
  80.                 location.reload();
  81.             }
  82.         },
  83.         error:</span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000">(data,status,e){
  84.             alert(e);
  85.         }
  86.     });
  87. }
  88. </span><span style="background-color: #f5f5f5; color: #008000">//</span><span style="background-color: #f5f5f5; color: #008000">删除文件</span>
  89. <span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> deleteTrail(obj){
  90.     $.post(</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">usertrail/candeleteTrail</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">,{USERTRAIL_ID:obj},</span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000">(data){
  91.         </span><span style="background-color: #f5f5f5; color: #0000ff">if</span><span style="background-color: #f5f5f5; color: #000000">(</span><span style="background-color: #f5f5f5; color: #000000">!</span><span style="background-color: #f5f5f5; color: #000000">data.status){
  92.             alert(data.message);
  93.             </span><span style="background-color: #f5f5f5; color: #0000ff">return</span><span style="background-color: #f5f5f5; color: #000000">;
  94.         }
  95.         location.reload();
  96.     });
  97. }
  98. </span><span style="background-color: #f5f5f5; color: #008000">//</span><span style="background-color: #f5f5f5; color: #008000">生成轨迹图</span>
  99. <span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> toguiji(id){
  100.     $(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">.tyj</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">).colorbox({innerWidth:</span><span style="background-color: #f5f5f5; color: #000000">800</span><span style="background-color: #f5f5f5; color: #000000">, title :</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">我的地址</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">, href:</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">bdjy/grzx_gjxx?c=</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">id , innerHeight:</span><span style="background-color: #f5f5f5; color: #000000">600</span><span style="background-color: #f5f5f5; color: #000000">, iframe:</span><span style="background-color: #f5f5f5; color: #0000ff">true</span><span style="background-color: #f5f5f5; color: #000000">, escKey:</span><span style="background-color: #f5f5f5; color: #0000ff">false</span><span style="background-color: #f5f5f5; color: #000000">, overlayClose:</span><span style="background-color: #f5f5f5; color: #0000ff">false</span><span style="background-color: #f5f5f5; color: #000000">});
  101. }
  102. $(</span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000">(){
  103.     $.post(</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">usertrail/canfindByUserId</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">,</span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000">(data){
  104.         </span><span style="background-color: #f5f5f5; color: #0000ff">if</span><span style="background-color: #f5f5f5; color: #000000">(</span><span style="background-color: #f5f5f5; color: #000000">!</span><span style="background-color: #f5f5f5; color: #000000">data.status){
  105.             alert(data.message);
  106.             </span><span style="background-color: #f5f5f5; color: #0000ff">return</span><span style="background-color: #f5f5f5; color: #000000">;
  107.         }
  108.         </span><span style="background-color: #f5f5f5; color: #0000ff">var</span><span style="background-color: #f5f5f5; color: #000000"> str</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #000000">‘‘</span><span style="background-color: #f5f5f5; color: #000000">;
  109.         </span><span style="background-color: #f5f5f5; color: #0000ff">for</span><span style="background-color: #f5f5f5; color: #000000">(</span><span style="background-color: #f5f5f5; color: #0000ff">var</span><span style="background-color: #f5f5f5; color: #000000"> i</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #000000">0</span><span style="background-color: #f5f5f5; color: #000000">;i</span><span style="background-color: #f5f5f5; color: #000000"><</span><span style="background-color: #f5f5f5; color: #000000">data.data.length;i</span><span style="background-color: #f5f5f5; color: #000000">++</span><span style="background-color: #f5f5f5; color: #000000">){
  110.             str</span><span style="background-color: #f5f5f5; color: #000000">+=</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000"><tr></span><span style="background-color: #f5f5f5; color: #000000">‘</span>
  111.                 <span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000"><td align="center">01</td></span><span style="background-color: #f5f5f5; color: #000000">‘</span>
  112.                 <span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000"><td><span></span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">data.data[i].NAME</span><span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000"></span></td></span><span style="background-color: #f5f5f5; color: #000000">‘</span>
  113.                 <span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000"><td align="center"><a class="tyj" onclick="toguiji(\‘</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">data.data[i].USERTRAIL_ID</span><span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">\‘)">生成轨迹图</a></td></span><span style="background-color: #f5f5f5; color: #000000">‘</span>
  114.                 <span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000"><td align="center"><a class="ckxx" href="javascript:void(0)" onclick="deleteTrail(\‘</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">data.data[i].USERTRAIL_ID</span><span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">\‘)">删除</a></td></span><span style="background-color: #f5f5f5; color: #000000">‘</span>
  115.                 <span style="background-color: #f5f5f5; color: #000000">+</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000"></tr></span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">;
  116.         }
  117.         $(</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">#content</span><span style="background-color: #f5f5f5; color: #000000">‘</span><span style="background-color: #f5f5f5; color: #000000">).html(str);
  118.     });
  119. });
  120. </span><span style="color: #0000ff"></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span>
  121. <span style="color: #0000ff"></</span><span style="color: #800000">html</span><span style="color: #0000ff">></span>

java

  1. <span style="color: #008000">/**</span><span style="color: #008000">
  2.      * 描述：上传文件，解析文件，存到数据库中，并且返回前台文件路径
  3.      * </span><span style="color: #808080">@param</span><span style="color: #008000"> file
  4.      * </span><span style="color: #808080">@return</span><span style="color: #008000"> 文件地址
  5.      </span><span style="color: #008000">*/</span><span style="color: #000000">
  6.     @RequestMapping(value</span>="canupload",method=<span style="color: #000000">RequestMethod.POST)
  7.     @ResponseBody
  8.     </span><span style="color: #0000ff">public</span> Object uploadimg(@RequestParam("upfile"<span style="color: #000000">) MultipartFile file,
  9.             @RequestParam(</span>"NAME"<span style="color: #000000">) String NAME,HttpServletRequest request){
  10.         String  ffile </span>= DateUtil.getDays(), fileName = ""<span style="color: #000000">;
  11.         Map</span><String, Object> map = <span style="color: #0000ff">new</span> HashMap<String, Object><span style="color: #000000">();
  12.         Map</span><String, Object> guijimap = <span style="color: #0000ff">new</span> HashMap<String, Object><span style="color: #000000">();
  13.         PageData pd </span>= <span style="color: #0000ff">new</span><span style="color: #000000"> PageData();
  14.         pd </span>= <span style="color: #0000ff">this</span><span style="color: #000000">.getPageData();
  15.         </span><span style="color: #0000ff">if</span> (<span style="color: #0000ff">null</span> != file && !<span style="color: #000000">file.isEmpty()) {
  16.             String filePath </span>= PathUtil.getClasspath()+Const.CAROUSEL +<span style="color: #000000">ffile;
  17.             fileName </span>= FileUpload.fileUp(file, filePath, <span style="color: #0000ff">this</span><span style="color: #000000">.get32UUID());
  18.             map.put(</span>"url", ffile + "/" +<span style="color: #000000">fileName);
  19.             
  20.             </span><span style="color: #008000">//</span><span style="color: #008000">解析gpx</span>
  21.             Element element = <span style="color: #0000ff">null</span><span style="color: #000000">;
  22.             CommonsMultipartFile cf</span>=<span style="color: #000000"> (CommonsMultipartFile)file; 
  23.             DiskFileItem fi </span>=<span style="color: #000000"> (DiskFileItem)cf.getFileItem(); 
  24.             File f </span>=<span style="color: #000000"> fi.getStoreLocation();
  25.             </span><span style="color: #008000">//</span><span style="color: #008000"> 可以使用绝对路劲
  26. </span><span style="color: #008000">//</span><span style="color: #008000">            File f = new File("test.xml"); 
  27.             </span><span style="color: #008000">//</span><span style="color: #008000"> documentBuilder为抽象不能直接实例化(将XML文件转换为DOM文件)</span>
  28.             DocumentBuilder db = <span style="color: #0000ff">null</span><span style="color: #000000">;
  29.             DocumentBuilderFactory dbf </span>= <span style="color: #0000ff">null</span><span style="color: #000000">;
  30.             String jingdu </span>= ""<span style="color: #000000">;
  31.             String weidu </span>= ""<span style="color: #000000">;
  32.             </span><span style="color: #0000ff">try</span><span style="color: #000000"> {
  33.                 </span><span style="color: #008000">//</span><span style="color: #008000"> 返回documentBuilderFactory对象</span>
  34.                 dbf =<span style="color: #000000"> DocumentBuilderFactory.newInstance();
  35.                 </span><span style="color: #008000">//</span><span style="color: #008000"> 返回db对象用documentBuilderFatory对象获得返回documentBuildr对象</span>
  36.                 db =<span style="color: #000000"> dbf.newDocumentBuilder(); 
  37.                 </span><span style="color: #008000">//</span><span style="color: #008000"> 得到一个DOM并返回给document对象</span>
  38.                 Document dt =<span style="color: #000000"> db.parse(f);
  39.                 </span><span style="color: #008000">//</span><span style="color: #008000"> 得到一个elment根元素</span>
  40.                 element =<span style="color: #000000"> dt.getDocumentElement();
  41.                 </span><span style="color: #008000">//</span><span style="color: #008000"> 获得根节点gpx</span>
  42.                 System.out.println("根元素：" +<span style="color: #000000"> element.getNodeName()); 
  43.                 </span><span style="color: #008000">//</span><span style="color: #008000"> 获得根元素下的子节点trk</span>
  44.                 NodeList childNodes =<span style="color: #000000"> element.getChildNodes(); 
  45.                 </span><span style="color: #008000">//</span><span style="color: #008000"> 遍历这些子节点</span>
  46.                 <span style="color: #0000ff">for</span> (<span style="color: #0000ff">int</span> i = 0; i < childNodes.getLength(); i++<span style="color: #000000">) {
  47.                     </span><span style="color: #008000">//</span><span style="color: #008000"> 获得每个对应位置i的结点</span>
  48.                     Node node1 =<span style="color: #000000"> childNodes.item(i);
  49.                     </span><span style="color: #0000ff">if</span> ("trk"<span style="color: #000000">.equals(node1.getNodeName())) {
  50.                         </span><span style="color: #008000">//</span><span style="color: #008000"> 如果节点的名称为"trk"，则遍历trk下的子节点</span>
  51.                         NodeList childNodes2 =<span style="color: #000000"> node1.getChildNodes(); 
  52.                         
  53.                         </span><span style="color: #0000ff">for</span> (<span style="color: #0000ff">int</span> m = 0; m < childNodes2.getLength(); m++<span style="color: #000000">) {
  54.                             </span><span style="color: #008000">//</span><span style="color: #008000"> 获得每个对应位置i的结点</span>
  55.                             Node node2 =<span style="color: #000000"> childNodes2.item(m);
  56.                             </span><span style="color: #0000ff">if</span> ("trkseg"<span style="color: #000000">.equals(node2.getNodeName())) {
  57.                                 </span><span style="color: #008000">//</span><span style="color: #008000"> 如果节点的名称为"trkseg"，则遍历trk下的子节点</span>
  58.                                 NodeList childNodes3 =<span style="color: #000000"> node2.getChildNodes(); 
  59.                                 </span><span style="color: #0000ff">for</span> (<span style="color: #0000ff">int</span> z = 0; z < childNodes3.getLength(); z++<span style="color: #000000">) {
  60.                                     </span><span style="color: #008000">//</span><span style="color: #008000"> 获得每个对应位置i的结点</span>
  61.                                     Node node3 =<span style="color: #000000"> childNodes3.item(z);
  62.                                     </span><span style="color: #0000ff">if</span> ("trkpt"<span style="color: #000000">.equals(node3.getNodeName())){
  63.                                         </span><span style="color: #008000">//</span><span style="color: #008000">经度
  64.                                         </span><span style="color: #008000">//</span><span style="color: #008000">System.out.println(node3.getAttributes().getNamedItem("lat").getNodeValue());</span>
  65.                                         jingdu+=","+node3.getAttributes().getNamedItem("lat"<span style="color: #000000">).getNodeValue();
  66.                                         </span><span style="color: #008000">//</span><span style="color: #008000">维度
  67.                                         </span><span style="color: #008000">//</span><span style="color: #008000">System.out.println(node3.getAttributes().getNamedItem("lon").getNodeValue());</span>
  68.                                         weidu+=","+node3.getAttributes().getNamedItem("lon"<span style="color: #000000">).getNodeValue();
  69. </span><span style="color: #008000">//</span><span style="color: #008000">                                        guijimap.put(node3.getAttributes().getNamedItem("lat").getNodeValue(), node3.getAttributes().getNamedItem("lon").getNodeValue());</span>
  70. <span style="color: #000000">                                    } 
  71.                                 }
  72.                             } 
  73.                         }
  74.                     }
  75.                 }
  76.                 jingdu </span>= jingdu.substring(1<span style="color: #000000">);
  77.                 weidu </span>= weidu.substring(1<span style="color: #000000">);
  78.                 guijimap.put(</span>"lat"<span style="color: #000000">, jingdu);
  79.                 guijimap.put(</span>"lon"<span style="color: #000000">, weidu);
  80.                 </span><span style="color: #0000ff">if</span><span style="color: #000000">(StringUtils.isBlank(NAME)){
  81.                     NAME </span>= ""<span style="color: #000000">;
  82.                 }
  83.                 Session session </span>=<span style="color: #000000"> Jurisdiction.getSession();
  84.                 PageData bduser </span>= (PageData) session.getAttribute("bduser"<span style="color: #000000">);
  85.                 pd.put(</span>"USERID", bduser.getString("BDUSER_ID"<span style="color: #000000">));
  86.                 pd.put(</span>"NAME"<span style="color: #000000">, NAME);
  87.                 pd.put(</span>"TRAIL", JSONObject.fromObject(guijimap)+""<span style="color: #000000">);
  88.                 pd.put(</span>"USERTRAIL_ID", <span style="color: #0000ff">this</span>.get32UUID());    <span style="color: #008000">//</span><span style="color: #008000">主键</span>
  89.                 pd.put("CREATEON", Tools.date2Str(<span style="color: #0000ff">new</span><span style="color: #000000"> Date()));
  90.                 </span><span style="color: #008000">//</span><span style="color: #008000">根据名称去数据库查询，有则修改，没有新增</span>
  91.                 List<PageData> listUserTrail =<span style="color: #000000"> usertrailService.findByName(pd);
  92.                 </span><span style="color: #0000ff">if</span>(listUserTrail!=<span style="color: #0000ff">null</span> &&listUserTrail.size()>0<span style="color: #000000">){
  93.                     usertrailService.edittrail(pd);
  94.                 }</span><span style="color: #0000ff">else</span><span style="color: #000000">{
  95.                     </span><span style="color: #008000">//</span><span style="color: #008000">新增名称，经度维度到数据库中</span>
  96. <span style="color: #000000">                    usertrailService.save(pd);
  97.                 }
  98.             }</span><span style="color: #0000ff">catch</span><span style="color: #000000"> (Exception e) {
  99.                e.printStackTrace();
  100.             }
  101.         }</span><span style="color: #0000ff">else</span><span style="color: #000000">{
  102.             map.put(</span>"url", ""<span style="color: #000000">);
  103.         }
  104.         </span><span style="color: #0000ff">return</span><span style="color: #000000"> AppUtil.returnObject(pd, map);
  105.     }</span>

实现了，js上传文件带参数，并且，返回给前台文件路径，解析上传的xml文件，存储到数据库中

js上传文件带参数，并且，返回给前台文件路径，解析上传的xml文件，存储到数据库中

标签：image   jsp   call   oca   element   code   spec   appendto   nodename   

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！