您的位置: 首页  >  技术问答  >  无法使用`fileTransfer`插件在离子中将签名上传到远程服务器，但在本地服务器上正常工作

无法使用`fileTransfer`插件在离子中将签名上传到远程服务器，但在本地服务器上正常工作

分类: 技术问答 • 2022-07-01 20:32:40
问题描述：

我正在使用fileTransfer插件在我的ionic 2应用程序中上传签名。要捕获签名，我正在使用angular2-signaturepad。无法使用`fileTransfer`插件在离子中将签名上传到远程服务器，但在本地服务器上正常工作

let options: FileUploadOptions = { 
    fileKey: 'file', 
    fileName: 'Order_'+this.order_data.order_id+"_"+this.order_data.order_type+".png", 
    headers: {}, 
}; 
fileTransfer.upload(this.signaturePad.toDataURL(), 
this.api+'php/wd_upload.php?location=signs', options) 
    .then((data) => { 
     // success 
    }, (err) => { 
     // error 
    });

上述代码在本地服务器上正常工作，签名成功上传。但是当我试图改变这个API来引用远程服务器。此文件传输失败，出现以下错误

body: "<head><title>Not Acceptable!</title></head><body><h1>Not Acceptable!</h1><p>An appropriate representation of the requested resource could not be found on this server. This error was generated by Mod_Security.</p></body></html>" 
code: 1 
exception: "http://<remote_server>/php/wd_upload.php?location=signs" 
http_status: 406 
source: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADICAYAAABS39xVAAAYsElEQVR4Xu2dXXBVVZbHd4QmCfMyScq ...." 
target: "http://<remote_server>/php/wd_upload.php?location=signs"

请解决此问题？

答

一切正常，当我更换option如下

let options: FileUploadOptions = { 
    fileKey: 'file', 
    fileName: 'Order_'+this.order_data.order_id+"_"+this.order_data.order_type+".png", 
    httpMethod : 'POST', 
    mimeType: 'image/png', 
    chunkedMode: false, 
    headers : {"Accept": "image/png"} 
    };

相关推荐