将图像从移动Web应用程序(PhoneGap& JavaScript)上传到SOAP Web服务返回状态0

时间:2013-02-22 14:07:58

标签: javascript soap xmlhttprequest

我见过很多例子和论坛,但对我来说还不是很清楚。 我想用手机拍照然后发送到WebService 在WebService中,我有一个函数UploadImage,可以将图像保存在网站中。该函数的参数是:

 <UploadImage xmlns="http://*********">
  <urlSite>http://********</urlSite>
  <iListName>{*************}</iListName>
  <iUpdateMode>*******</iUpdateMode>
  <iMetaData><Fields><Field Name=”Title” >Title of the Image</Field></Fields></iMetaData>
  <iAttachments><Attachments><Attachment Name=”Name of the file”>file in the format Base64String</Attachment></Attachments></iAttachments>
  <iOverWrite>****</iOverWrite>
</UploadImage>  

帖子请求:

function sendImage ()
{
    var wsUrl = "*******?op=UploadImage";
    var soapRequest ='<?xml version="1.0" encoding="utf-8"?> \
        <soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" \
         xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> \
  <soap:Body> \
    <UploadImage xmlns="**********"> \
      <urlSite>**********</urlSite> \
      <iListName>{******}</iListName> \
      <iUpdateMode>********</iUpdateMode> \
      <iMetaData><Fields><Field Name=”Title” >Title of the Image</Field></Fields></iMetaData>
      <iAttachments><Attachments><Attachment Name=”Name of the file”>file in the format Base64String</Attachment></Attachments></iAttachments> \
      <iOverWrite>*****</iOverWrite> \
    </UploadImage> \
  </soap:Body> \
</soap:Envelope>';
    var xmlhttp =  createXMLHttpRequest();


xmlhttp.open("POST", wsUrl, true,"username","password");

xmlhttp.setRequestHeader ("Post", "********");
xmlhttp.setRequestHeader ("Host", "*****");
xmlhttp.setRequestHeader ("Content-Type", "text/xml; charset=utf-8");
xmlhttp.setRequestHeader("Content-Length", soapRequest.length);
xmlhttp.setRequestHeader ("SOAPAction", "******");


xmlhttp.onerror = function(e) {
    alert("Error ocurred. Error = " + e.message);
}

xmlhttp.ontimeout = function(e) {
    alert("Timeout error!");
}

xmlhttp.onreadystatechange  = function () { 
    alert(xmlhttp.readyState);

    if (xmlhttp.readyState==4)
    {
        alert(xmlhttp.responseText);
        alert(xmlhttp.status);
        // if "OK"
        if (xmlhttp.status==200 || xmlhttp.status==0)
        {
            alert(xmlhttp.responseXML);
        //[Get xmlhttp.responseXML.xml and do something with it]

        }
        else
        {
        //[Get xmlhttp.responseXML.xml and do something with it in the case of an error]
        }
    }
}


xmlhttp.send(soapRequest);

}

状态t =返回为0 在标签<iAttachments><Attachments><Attachment Name=”Name of the file”>file in the format Base64String</Attachment></Attachments></iAttachments>中我应该发送一个Base64格式的文件,但我不知道如何在这个标签中放置这种格式的文件,所以我发送一个字符串,也许这是问题的原因!

我试图用jquery.ajax发布它:

function sendReq()
{    var wsUrl = "*******";
    var soapRequest ='<?xml version="1.0" encoding="utf-8"?>'+
        '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">'+
  '<soap:Body>'+
    '<UpdateImage xmlns="*******">'+
      '<urlSite>*********</urlSite>'+
      '<iListName>{*****}</iListName>'+
      '<iUpdateMode>****</iUpdateMode>'+
      '<iMetaData><Fields><Field Name="Title" >'+my_var1+'</Field></Fields></iMetaData>'+
      '<iAttachments><Attachments><Attachment Name="Nom du fichier 1">'+my_var2+'</Attachment></Attachments></iAttachments>'+
      '<iOverWrite>*****</iOverWrite>'+
    '</UpdateImage>'+
  '</soap:Body>'+
'</soap:Envelope>';
   $.ajax({
                    type: "POST",
                    url: wsUrl,
                    contentType: "text/xml; charset=utf-8",
                    dataType: "xml",
                    data: soapRequest,
                    beforeSend: function (xhr){ 
        xhr.setRequestHeader('Authorization', make_base_auth('username', 'password')); 
        xhr.setRequestHeader("SOAPAction", "****/UpdateImage");
    },                
    contentType: "text/xml; charset=utf-8",

                success: processSuccess,
                error: processError
            });
return false;

}

结果是:req.responseText=undefinedstatus=error

1 个答案:

答案 0 :(得分:0)

我会使用一些在线工具(例如http://www.opinionatedgeek.com/dotnet/tools/base64encode/)对文件进行base64编码,并将字符串硬编码到xml中。看看它是否有效,检查你的其余代码是否正常。

如果有效,那么请在发送之前查看这个问题,了解如何对文件进行base64编码: Get Base64 encode file-data from Input Form

此外 - 调试代理在这种情况下非常有用,因此您可以看到发送的实际请求。如果您有一些可以使用此服务的东西,您可以使用类似fiddler(http://fiddler2.com/)的内容来获取请求并将其与您的请求进行比较。