当前位置 : 主页 > 网络编程 > JavaScript >

ajaxFileUpload多次上传图片方法

来源:互联网 收集:自由互联 发布时间:2021-06-28
html js var imgArray=[];function strtojson(str){ if(isContains(" "); str=lin[1]; lin=new Array(); lin=str.split(""); str=lin[0]; return JSON.parse(str); }else str; } function isContains(substr,str) { return str.indexOf(substr) = 0; } $(docu
html
 
                
  
                
  
            
 
js
var imgArray=[];
function strtojson(str){
        if(isContains("
 
  ");
            str=lin[1];
            lin=new Array();
            lin=str.split("<");
            str=lin[0];
            return JSON.parse(str);
        }else str;
    }
    function isContains(substr,str) {
        return str.indexOf(substr) >= 0;
    }


    $(document).on('change',"#uploader_input",function(){
        var ext = '.jpg.jpeg.gif.bmp.png.';
        var file=$("#uploader_input").val();
        var start=file.lastIndexOf('.') + 1;
        f = file.substr(start).toLowerCase();
        console.log(f);
        if (ext.indexOf('.'+f+'.') == -1) {
            alert("请选择图片!");
            return false;
        }
        var param={};
        param.version=version;
        param.app_id=app_id;
        param.timeline=timeline;
        param.sign=sign;
        param.type=1;

        $.ajaxFileUpload
        (
            {
                url: href+"/Api/Upfile/upload", //用于文件上传的服务器端请求地址
                type: 'post',
                data:param, //提交的参数
                secureuri: false, //一般设置为false
                fileElementId: 'uploader_input', //文件上传空间的id属性  
  
                dataType: 'JSON', //返回值类型 一般设置为json
                success: function (res, status)  //服务器成功响应处理函数
                {
                    res=strtojson(res);
                    //$("#add_img img").attr("src",href+"/"+res.data.f_path);
                    $("#add_img").after("
  ");
                        $("#add_img").remove();
                        imgArray.push(res.data.f_path);
                },
                error: function (data, status, e)//服务器响应失败处理函数
                {
                    alert('error:'+e);
                }
            }
        )

    });
 
ajaxfileupload2.js
jQuery.extend({
	
    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] );    
        }    
    },    
    createUploadIframe: function(id, uri)
	{
			//create frame
            var frameId = 'jUploadFrame' + id;
            var iframeHtml = '
网友评论