How can I save a string to a textfile in Cloud Storage, in an angular app?

Question

Here is my problem:

I'm writing an angular app, I use App Engine and Google Cloud Storage as the backend (JAVA 8). Now I have text, and I want to save it to my database. Using cloud storage I need this text to be saved as a file. One manner to do that would be to convert my string into a file Object and send it to server via a multipart request.

How can I do that?

Here is my code so far (the aim of that code is to send a photo plus a text description):

  uploadAlbum(index:number){
    const formData = new FormData();
    //`myPhoto` is a file created with the <input type="file"> tag
    formData.append('file', myPhoto, '/gcs/my-bucket/' + index +'/cover/cover.jpg');
    //here is my problem here `description` is not a file
    formData.append('description', description, '/gcs/my-bucket/' + index +'/cover/cover.txt');
    this.http.post('/api/photos',formData).subscribe(
      (data: any) => {
        response = data;
      },
       err => {
         console.log(err)
        }
      );
  }

As description variable is a string, I get the following error on my console:

ERROR TypeError: "Argument 2 of FormData.append is not an object."

NOTE: Even if that can seem out of subject I added tags for the backend server on my post as I'm open to solve this issue creating a file on the backend also.

Possible duplicate of Saving a text file on server using JavaScript — Levi
– Levi, Commented May 7, 2019 at 19:42
In this question they created a blob (what formData needs, according to JS docs) from a string. Can you try this with description? — alextru
– alextru, Commented May 8, 2019 at 15:03

Levi · Accepted Answer · 2019-05-07 19:41:51Z

0

description is not a file because probably it's not present on the client side.

formData.append() is used to append the files with formData to upload them with form data.

Well you can not save a file to server using javascript.

see it has already been answerd here (Saving a text file on server using JavaScript)

answered May 7, 2019 at 19:41

Levi

8891 gold badge10 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

JSmith Over a year ago

description is a string like "hello world!" I know I can pass it as a second argument to append(attributeName, content) but I would like to pass in the path like append(attributeName, file, filename) for this I need description to be converted as a file object. Btw thanks for your answer but do you know how I can do that?

Levi Over a year ago

well if you are using nodeJs you can use File System this module provides an API for interacting with the file system.

JSmith Over a year ago

I'm not using nodejs :(

Collectives™ on Stack Overflow

How can I save a string to a textfile in Cloud Storage, in an angular app?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related