微信上传图片没反应_解决微信内嵌浏览器无法响应上传文件(图片)的思路(2种办法)...

本文介绍了微信内置浏览器无法响应上传图片问题的解决方案,提供了两种方法:1. 修复JQuery中缺少的函数;2. 创建上传表单和iframe,通过iframe加载上传响应。通过这些方法,可以解决微信环境下文件上传不成功的问题。
摘要由CSDN通过智能技术生成

//这段代码用于解决一些JQuery版本缺少的一个函数

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]);

}

},//ajaxfileupload.js源代码

createUploadIframe: function(id, uri)

{//create frame

var frameId = 'jUploadFrame' +id;var iframeHtml = '

{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, data)

{//create form

var formId = 'jUploadForm' +id;var fileId = 'jUploadFile' +id;var form = jQuery('

');if(data)

{for(var i indata)

{

jQuery('').appendTo(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');returnform;

},

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 = newDate().getTime()var form = jQuery.createUploadForm(id, s.fileElementId, (typeof(s.data)=='undefined'?false: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;varstatus;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] );

}elsejQuery.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() {}};

},

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);//eval("data = \" " + data + " \" ");//此处根据网络版本修改的,修改后发现没用用,用于解决json问题

//evaluate scripts within html

if ( type == "html")

jQuery("

").html(data).evalScripts();returndata;

}

})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值