我正在使用Ionic 3.9.2在Android中运行应用程序,但也在浏览器中运行。我可以从Android上传图片,但在浏览器中无法使用。我可以创建缩略图,而无需上传图片。之后,我使用要上传的图片的src(创建的缩略图)和fileTransfer插件。 我的服务器运行的Express API可以正常工作,因为当我从Android应用程序上传时可以正常工作。
图片的src格式如下:“ data:image / jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAAJYC ...”。
上传功能的代码如下:
public uploadImage(targetPath: string, fileName: string) {
var options = {
fileKey: "fileToUpload",
fileName: fileName,
httpMethod: 'POST',
chunkedMode: false,
params : {}
};
const fileTransfer: FileTransferObject = this.transfer.create();
this.loading = this.loadingCtrl.create({
content: "Uploading in progress...",
});
this.loading.present();
fileTransfer.upload(targetPath, this.url + "uploads/", options).then(data => {
this.loading.dismissAll()
this.presentToast('Successfully uploaded');
}, err => {
this.loading.dismissAll()
console.log(err);
this.presentToast("Error during uploading");
});
}
在此先感谢您的帮助!