IONIC 3 FileTransfer Error Upload image browser
up vote
0
down vote
favorite
I'm trying to implement a upload function in Ionic 3 using File Transfer plugin file as per the explanation here, https://ionicframework.com/docs/native/file-transfer/. And here's the code,
uploadFile() {
console.log("subiendo imagen")
let loader = this.loadingCtrl.create({
content: "Uploading..."
})
loader.present()
const fileTransfer: FileTransferObject = this.transfer.create()
let options: FileUploadOptions = {
fileKey: 'picture',
fileName: 'category.jpg',
chunkedMode: false,
mimeType: "image/jpeg",
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Authorization': this.token
})
}
options.params = {
title: this.title,
description: this.description,
}
fileTransfer.upload(this.imageURI, 'http://207.180.195.32:3000/categories/', options)
.then((data) => {
console.log(data + " Uploaded Successfully")
loader.dismiss()
this.presentToast("Image uploaded successfully")
this.navCtrl.push(CategoriesPage)
}, (err) => {
console.log(err)
loader.dismiss()
this.presentToast(err)
})
}
It is throwing error code 1. As per documentation, it is FILE_NOT_FOUND_ERR: 1, in the chorme console get this:
body: null
code: 1
exception: null
http_status: null
source:"iVBORw0KGgoAAAA..."
target: "my url"
<prototype>: Object { … }
on mobile, android and ios works perfect, but in browser not.
ionic-framework ionic3 file-transfer
add a comment |
up vote
0
down vote
favorite
I'm trying to implement a upload function in Ionic 3 using File Transfer plugin file as per the explanation here, https://ionicframework.com/docs/native/file-transfer/. And here's the code,
uploadFile() {
console.log("subiendo imagen")
let loader = this.loadingCtrl.create({
content: "Uploading..."
})
loader.present()
const fileTransfer: FileTransferObject = this.transfer.create()
let options: FileUploadOptions = {
fileKey: 'picture',
fileName: 'category.jpg',
chunkedMode: false,
mimeType: "image/jpeg",
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Authorization': this.token
})
}
options.params = {
title: this.title,
description: this.description,
}
fileTransfer.upload(this.imageURI, 'http://207.180.195.32:3000/categories/', options)
.then((data) => {
console.log(data + " Uploaded Successfully")
loader.dismiss()
this.presentToast("Image uploaded successfully")
this.navCtrl.push(CategoriesPage)
}, (err) => {
console.log(err)
loader.dismiss()
this.presentToast(err)
})
}
It is throwing error code 1. As per documentation, it is FILE_NOT_FOUND_ERR: 1, in the chorme console get this:
body: null
code: 1
exception: null
http_status: null
source:"iVBORw0KGgoAAAA..."
target: "my url"
<prototype>: Object { … }
on mobile, android and ios works perfect, but in browser not.
ionic-framework ionic3 file-transfer
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I'm trying to implement a upload function in Ionic 3 using File Transfer plugin file as per the explanation here, https://ionicframework.com/docs/native/file-transfer/. And here's the code,
uploadFile() {
console.log("subiendo imagen")
let loader = this.loadingCtrl.create({
content: "Uploading..."
})
loader.present()
const fileTransfer: FileTransferObject = this.transfer.create()
let options: FileUploadOptions = {
fileKey: 'picture',
fileName: 'category.jpg',
chunkedMode: false,
mimeType: "image/jpeg",
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Authorization': this.token
})
}
options.params = {
title: this.title,
description: this.description,
}
fileTransfer.upload(this.imageURI, 'http://207.180.195.32:3000/categories/', options)
.then((data) => {
console.log(data + " Uploaded Successfully")
loader.dismiss()
this.presentToast("Image uploaded successfully")
this.navCtrl.push(CategoriesPage)
}, (err) => {
console.log(err)
loader.dismiss()
this.presentToast(err)
})
}
It is throwing error code 1. As per documentation, it is FILE_NOT_FOUND_ERR: 1, in the chorme console get this:
body: null
code: 1
exception: null
http_status: null
source:"iVBORw0KGgoAAAA..."
target: "my url"
<prototype>: Object { … }
on mobile, android and ios works perfect, but in browser not.
ionic-framework ionic3 file-transfer
I'm trying to implement a upload function in Ionic 3 using File Transfer plugin file as per the explanation here, https://ionicframework.com/docs/native/file-transfer/. And here's the code,
uploadFile() {
console.log("subiendo imagen")
let loader = this.loadingCtrl.create({
content: "Uploading..."
})
loader.present()
const fileTransfer: FileTransferObject = this.transfer.create()
let options: FileUploadOptions = {
fileKey: 'picture',
fileName: 'category.jpg',
chunkedMode: false,
mimeType: "image/jpeg",
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Authorization': this.token
})
}
options.params = {
title: this.title,
description: this.description,
}
fileTransfer.upload(this.imageURI, 'http://207.180.195.32:3000/categories/', options)
.then((data) => {
console.log(data + " Uploaded Successfully")
loader.dismiss()
this.presentToast("Image uploaded successfully")
this.navCtrl.push(CategoriesPage)
}, (err) => {
console.log(err)
loader.dismiss()
this.presentToast(err)
})
}
It is throwing error code 1. As per documentation, it is FILE_NOT_FOUND_ERR: 1, in the chorme console get this:
body: null
code: 1
exception: null
http_status: null
source:"iVBORw0KGgoAAAA..."
target: "my url"
<prototype>: Object { … }
on mobile, android and ios works perfect, but in browser not.
ionic-framework ionic3 file-transfer
ionic-framework ionic3 file-transfer
asked Nov 19 at 15:02
andrea paola vecino pastrana
285
285
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53377361%2fionic-3-filetransfer-error-upload-image-browser%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown