Sending multipart/formdata with jQuery.ajax with data:image/png;base64

Question

I have img object upload by user for simple:

<img alt="" id="imgpics" src="data:image/png;base64,iVBORw0KGgoAAAANSUh.....

I want upload image through jQuery.ajax

<script type="text/javascript">
function callajax(){
    var data = new FormData(); 

    var blob = new Blob([imgpics.src], { type: "text/plain" });
    data.append("inputfile.64data", blob);
     $.ajax({    
            type:'post',        
            url:'ajaximage,    
            data: data,    
            cache:false,    
            mimeType: "multipart/form-data",
            success:function(data){
                alert("success");
               //alert(data.message);   
            },
            error: function(e){
               alert(e.massage());
               }   
        }); 

    }
</script>

I do not know why every time I call there are jQuery error for me:

NS_ERROR_XPC_BAD_OP_ON_WN_PROTO: Illegal operation on WrappedNative prototype object [Break On This Error]

value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value ); Is there anything wrong about calling?

where is my error? how to change it?

[This](http://stackoverflow.com/questions/12831680/jquery-ajax-multipart-form-data-not-sending-data) might helps — Mohan, Oct 11 '12 at 07:12

score -2 · Accepted Answer · answered Oct 17 '12 at 11:43

-2

I finally give up apply jquery, it seems jquery will read the img|src part and inside jquery it contain lots of string match or similar staff. when it do the img string it show get wrong.

answered Oct 17 '12 at 11:43

user504909

9,119
12
60
109

You are blaming JQuery, when in fact the issue stems from sending multi-part form-data through an asynchronous request – ilan berci Oct 17 '12 at 11:49
dito, i agree with the above – nodrog Nov 27 '12 at 16:03

Sending multipart/formdata with jQuery.ajax with data:image/png;base64

1 Answers1