js图片上传,ssh后台接收 struts2+jQuery

谁践踏了优雅 2022-05-29 06:22 293阅读 0赞

今天开始总结本次项目所用所学的知识

js代码

/*上传图片*/
    
    function upload(){
    	$("#notice_upload").html("上传中");
    	 var interfaceAddress = getPort();
        $.ajaxFileUpload({
            url : interfaceAddress+'/upload', //用于文件上传的服务器端请求地址
            data:{
    	    },//要传到后台的参数，没有可以不写 
            fileElementId : 'ImportPicInput', //文件上传空间的id属性  <input type="file" id="file" name="file" />
            type : 'post',
            dataType : 'text', //返回值类型 一般设置为json
            success : function(data, status) //服务器成功响应处理函数
            {
                    alert("上传成功");
            },
            error : function(data, status, e)//服务器响应失败处理函数
            {
                alert("图片上传失败");
            }
        });
    }

封装上传文件js

jQuery.extend({  
        createUploadIframe: function(id, uri)  
        {  
                //create frame  
                var frameId = 'jUploadFrame' + id;  
                var iframeHtml = '<iframe id="' + frameId + '" name="' + frameId + '" style="position:absolute; top:-9999px; left:-9999px"';  
                if(window.ActiveXObject)  
                {  
                    if(typeof uri== 'boolean'){  
                        iframeHtml += ' src="' + 'javascript:false' + '"';  
      
                    }  
                    else if(typeof uri== 'string'){  
                        iframeHtml += ' src="' + uri + '"';  
      
                    }     
                }  
                iframeHtml += ' />';  
                jQuery(iframeHtml).appendTo(document.body);  
      
                return jQuery('#' + frameId).get(0);              
        },  
        createUploadForm: function(id, fileElementId)  
        {  
            //create form     
            var formId = 'jUploadForm' + id;  
            var fileId = 'jUploadFile' + id;  
            var form = jQuery('<form  action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');      
            var oldElement = jQuery('#' + fileElementId);  
            var newElement = jQuery(oldElement).clone();  
            jQuery(oldElement).attr('id', fileId);  
            jQuery(oldElement).before(newElement);  
            jQuery(oldElement).appendTo(form);  
            //set attributes  
            jQuery(form).css('position', 'absolute');  
            jQuery(form).css('top', '-1200px');  
            jQuery(form).css('left', '-1200px');  
            jQuery(form).appendTo('body');        
            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);  
            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   
                                            {  
                                                jQuery(io).remove();  
                                                jQuery(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 form = jQuery('#' + formId);  
                jQuery(form).attr('action', s.url);  
                jQuery(form).attr('method', 'POST');  
                jQuery(form).attr('target', frameId);  
                if(form.encoding)  
                {  
                    jQuery(form).attr('encoding', 'multipart/form-data');                 
                }  
                else  
                {     
                    jQuery(form).attr('enctype', 'multipart/form-data');              
                }             
                jQuery(form).submit();  
      
            } catch(e)   
            {             
                jQuery.handleError(s, xml, null, e);  
            }  
              
            jQuery('#' + frameId).load(uploadCallback   );  
            return {abort: function () {}};   
      
        },  
      
        // handleError 方法在jquery1.4.2之后移除了，此处重写改方法  
        handleError: function( s, xhr, status, e ) {  
            // If a local callback was specified, fire it  
            if ( s.error ) {  
                s.error.call( s.context || s, xhr, status, e );  
            }  
      
            // Fire the global callback  
            if ( s.global ) {  
                (s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );  
            }  
        },  
      
        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" ){  
                eval( "data = " + data );  
            }  
            // evaluate scripts within html  
            if ( type == "html" )  
                jQuery("<div>").html(data).evalScripts();  
      
            return data;  
        }  
    });

后台接收类

package com.web.action;
    
    import com.google.gson.Gson;
    import com.opensymphony.xwork2.ActionSupport;  
    import org.apache.commons.io.FileUtils;
    import org.apache.commons.io.FilenameUtils;
    
    import java.io.ByteArrayInputStream;
    import java.io.File;  
    import java.io.IOException;
    import java.io.InputStream;
    import java.io.UnsupportedEncodingException;
    import java.text.DateFormat;
    import java.text.SimpleDateFormat;
    import java.util.Calendar;
    import java.util.HashMap;
    import java.util.Map;
    import java.util.Random;  
    public class uploadFile extends ActionSupport{
    	/**
    	 * 
    	 */
    	private static final long serialVersionUID = 1L;
    	private File myFile;  
    	private String myFileContentType;  
        private String myFileFileName;  
    	private InputStream inputStream; //这个名字和struts.xml中对应，不能写错  
    
    	private String result;
    
    	  
        public String getResult() {
    		return result;
    	}
    	public void setResult(String result) {
    		this.result = result;
    	}
    	public File getMyFile() {  
            return myFile;  
        }  
        public void setMyFile(File myFile) {  
            this.myFile = myFile;  
        }  
     
        public String getMyFileContentType() {  
            return myFileContentType;  
        }  
        public void setMyFileContentType(String myFileContentType) {  
            this.myFileContentType = myFileContentType;  
        }  
        
        public String getMyFileFileName() {  
            return myFileFileName;  
        }  
        public void setMyFileFileName(String myFileFileName) {  
            this.myFileFileName = myFileFileName;  
        }  
        
        public String execute() throws IOException  
        {  
             /* Copy file to a safe location */  
        	
        	  	DateFormat df = new SimpleDateFormat("yyyyMMddHHmm");
        	  	Calendar calendar = Calendar.getInstance();
        	  	String dateName = df.format(calendar.getTime());
        	  	Random ne=new Random();//实例化一个random的对象ne
               	int x = ne.nextInt(999-100+1)+100;//为变量赋随机值100-999
               	String random_order = String.valueOf(x);
    
               	String extName=FilenameUtils.getExtension(myFileFileName);
               	String FileName = dateName+random_order+"."+extName;
    
               	String Path = "D://imagebystruts";
            	String really_Path = "http://localhost:8080/imagebystruts/";
                File f = new File(Path);
                FileUtils.copyFile(myFile, new File(f, FileName));
                
               
        	    try {
            	    result = really_Path+FileName;
        			setInputStream(new ByteArrayInputStream(result  
        			             .getBytes("UTF-8")));
        		} catch (UnsupportedEncodingException e) {
        			// TODO Auto-generated catch block
        			e.printStackTrace();
        		}  
        		return "success";         
    
        }
    	public InputStream getInputStream() {
    		return inputStream;
    	}
    	public void setInputStream(InputStream inputStream) {
    		this.inputStream = inputStream;
    	}
    }