[TypeScript] Processing to upload images with ionic2 [Transfer]
table of contents
This is Hase from the development team!
This time I would like to write about the process of uploading images (files) with ionic2.
I use a plugin called cordova-plugin-file-transfer
Install plugin
First install the plugin.
$ ionic plugin add cordova-plugin-file-transfer
Usage example
import { Transfer } from 'ionic-native'; @Component({omitted}) export class FileUpload{ fileTransfer = new Transfer(); constructor({omitted}){ } upload(){ let options: any; options = { fileKey : 'file', fileName: 'name.jpg', headers: {} ..... } this.fileTransfer.upload( "file path", "server path", options, false ) .then((data) = > { // success }, (err) => { // error }) }
explanation
Line 22 of the above source is the process of actually uploading the image.
upload(file path, server path, options, trustAllHosts)
upload is a method for sending files to the server.
Explaining each argument
argument | type | detail | ||||||||
---|---|---|---|---|---|---|---|---|---|---|
file path | string | Specify image path | ||||||||
server path | string | Specify the server path to save the image | ||||||||
options | FileUploadOptions |
|
||||||||
trustAllHosts | boolean | Basically false is OK |
It becomes.
There is a detailed explanation on
the official website I have explained the image upload process above.
At the end
The Transfer plugin can process not only image uploads but also downloads.
This time I only explained the upload process, but if there is a demand, I would like to explain the download process as well, so
please let me know.