Upload Image from Node to Cloudinary












0















I m trying to stream file contents into Cloudinary and use the return url to pass into my database



I have successfully implemented graphql-upload to upload an image file from my client to the server. I am able to retrieve the stream, filename, mimetype, encoding from the server side



After that, I am unable to send the image to Cloudinary. Below are my codes... Appreciate advise



Thanks



import cloudinary from 'cloudinary';

Mutation: {
uploadPicture: async (_, { file }) => {
// Works Ok
const { stream, filename, mimetype, encoding } = await file;

try {

cloudinary.config({
cloud_name: process.env.cloud_name,
api_key: process.env.CLOUDINARY_API_KEY,
api_secret: process.env.CLOUDINARY_API_SECRET
});

// Below is the area where I am unsure
var upload_stream = cloudinary.uploader.upload_stream(
{ tags: "sample" },
function(err: any, image: any) {
console.log();
console.log("** Stream Upload");
if (err) {
console.warn(err);
}
console.log("* Same image, uploaded via stream");
console.log("* " + image.public_id);
console.log("* " + image.url);
}
);
const file_reader = fs
.createReadStream(stream)
.pipe(upload_stream);


} catch (error) {
throw error;
}
return true;
},









share|improve this question





























    0















    I m trying to stream file contents into Cloudinary and use the return url to pass into my database



    I have successfully implemented graphql-upload to upload an image file from my client to the server. I am able to retrieve the stream, filename, mimetype, encoding from the server side



    After that, I am unable to send the image to Cloudinary. Below are my codes... Appreciate advise



    Thanks



    import cloudinary from 'cloudinary';

    Mutation: {
    uploadPicture: async (_, { file }) => {
    // Works Ok
    const { stream, filename, mimetype, encoding } = await file;

    try {

    cloudinary.config({
    cloud_name: process.env.cloud_name,
    api_key: process.env.CLOUDINARY_API_KEY,
    api_secret: process.env.CLOUDINARY_API_SECRET
    });

    // Below is the area where I am unsure
    var upload_stream = cloudinary.uploader.upload_stream(
    { tags: "sample" },
    function(err: any, image: any) {
    console.log();
    console.log("** Stream Upload");
    if (err) {
    console.warn(err);
    }
    console.log("* Same image, uploaded via stream");
    console.log("* " + image.public_id);
    console.log("* " + image.url);
    }
    );
    const file_reader = fs
    .createReadStream(stream)
    .pipe(upload_stream);


    } catch (error) {
    throw error;
    }
    return true;
    },









    share|improve this question



























      0












      0








      0








      I m trying to stream file contents into Cloudinary and use the return url to pass into my database



      I have successfully implemented graphql-upload to upload an image file from my client to the server. I am able to retrieve the stream, filename, mimetype, encoding from the server side



      After that, I am unable to send the image to Cloudinary. Below are my codes... Appreciate advise



      Thanks



      import cloudinary from 'cloudinary';

      Mutation: {
      uploadPicture: async (_, { file }) => {
      // Works Ok
      const { stream, filename, mimetype, encoding } = await file;

      try {

      cloudinary.config({
      cloud_name: process.env.cloud_name,
      api_key: process.env.CLOUDINARY_API_KEY,
      api_secret: process.env.CLOUDINARY_API_SECRET
      });

      // Below is the area where I am unsure
      var upload_stream = cloudinary.uploader.upload_stream(
      { tags: "sample" },
      function(err: any, image: any) {
      console.log();
      console.log("** Stream Upload");
      if (err) {
      console.warn(err);
      }
      console.log("* Same image, uploaded via stream");
      console.log("* " + image.public_id);
      console.log("* " + image.url);
      }
      );
      const file_reader = fs
      .createReadStream(stream)
      .pipe(upload_stream);


      } catch (error) {
      throw error;
      }
      return true;
      },









      share|improve this question
















      I m trying to stream file contents into Cloudinary and use the return url to pass into my database



      I have successfully implemented graphql-upload to upload an image file from my client to the server. I am able to retrieve the stream, filename, mimetype, encoding from the server side



      After that, I am unable to send the image to Cloudinary. Below are my codes... Appreciate advise



      Thanks



      import cloudinary from 'cloudinary';

      Mutation: {
      uploadPicture: async (_, { file }) => {
      // Works Ok
      const { stream, filename, mimetype, encoding } = await file;

      try {

      cloudinary.config({
      cloud_name: process.env.cloud_name,
      api_key: process.env.CLOUDINARY_API_KEY,
      api_secret: process.env.CLOUDINARY_API_SECRET
      });

      // Below is the area where I am unsure
      var upload_stream = cloudinary.uploader.upload_stream(
      { tags: "sample" },
      function(err: any, image: any) {
      console.log();
      console.log("** Stream Upload");
      if (err) {
      console.warn(err);
      }
      console.log("* Same image, uploaded via stream");
      console.log("* " + image.public_id);
      console.log("* " + image.url);
      }
      );
      const file_reader = fs
      .createReadStream(stream)
      .pipe(upload_stream);


      } catch (error) {
      throw error;
      }
      return true;
      },






      node.js cloudinary






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 22 '18 at 9:49







      Hendry Lim

















      asked Nov 22 '18 at 9:04









      Hendry LimHendry Lim

      3731414




      3731414
























          1 Answer
          1






          active

          oldest

          votes


















          0














          Try adding v2 to your call



          var upload_stream= cloudinary.v2.uploader.upload_stream({tags: 'basic_sample'},function(err,image) {
          console.log('here');
          console.log("** Stream Upload");
          //if (err){ console.warn(err);}
          console.log("* Same image, uploaded via stream");
          console.log("* "+image.public_id);
          console.log("* "+image.url);
          });
          var file_reader = fs.createReadStream('picture.jpg').pipe(upload_stream);





          share|improve this answer
























          • Hi. I tried. still cannot. Thanks though for responding :)

            – Hendry Lim
            Nov 22 '18 at 9:49











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53427237%2fupload-image-from-node-to-cloudinary%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          0














          Try adding v2 to your call



          var upload_stream= cloudinary.v2.uploader.upload_stream({tags: 'basic_sample'},function(err,image) {
          console.log('here');
          console.log("** Stream Upload");
          //if (err){ console.warn(err);}
          console.log("* Same image, uploaded via stream");
          console.log("* "+image.public_id);
          console.log("* "+image.url);
          });
          var file_reader = fs.createReadStream('picture.jpg').pipe(upload_stream);





          share|improve this answer
























          • Hi. I tried. still cannot. Thanks though for responding :)

            – Hendry Lim
            Nov 22 '18 at 9:49
















          0














          Try adding v2 to your call



          var upload_stream= cloudinary.v2.uploader.upload_stream({tags: 'basic_sample'},function(err,image) {
          console.log('here');
          console.log("** Stream Upload");
          //if (err){ console.warn(err);}
          console.log("* Same image, uploaded via stream");
          console.log("* "+image.public_id);
          console.log("* "+image.url);
          });
          var file_reader = fs.createReadStream('picture.jpg').pipe(upload_stream);





          share|improve this answer
























          • Hi. I tried. still cannot. Thanks though for responding :)

            – Hendry Lim
            Nov 22 '18 at 9:49














          0












          0








          0







          Try adding v2 to your call



          var upload_stream= cloudinary.v2.uploader.upload_stream({tags: 'basic_sample'},function(err,image) {
          console.log('here');
          console.log("** Stream Upload");
          //if (err){ console.warn(err);}
          console.log("* Same image, uploaded via stream");
          console.log("* "+image.public_id);
          console.log("* "+image.url);
          });
          var file_reader = fs.createReadStream('picture.jpg').pipe(upload_stream);





          share|improve this answer













          Try adding v2 to your call



          var upload_stream= cloudinary.v2.uploader.upload_stream({tags: 'basic_sample'},function(err,image) {
          console.log('here');
          console.log("** Stream Upload");
          //if (err){ console.warn(err);}
          console.log("* Same image, uploaded via stream");
          console.log("* "+image.public_id);
          console.log("* "+image.url);
          });
          var file_reader = fs.createReadStream('picture.jpg').pipe(upload_stream);






          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 22 '18 at 9:18









          rcstrausrcstraus

          30411




          30411













          • Hi. I tried. still cannot. Thanks though for responding :)

            – Hendry Lim
            Nov 22 '18 at 9:49



















          • Hi. I tried. still cannot. Thanks though for responding :)

            – Hendry Lim
            Nov 22 '18 at 9:49

















          Hi. I tried. still cannot. Thanks though for responding :)

          – Hendry Lim
          Nov 22 '18 at 9:49





          Hi. I tried. still cannot. Thanks though for responding :)

          – Hendry Lim
          Nov 22 '18 at 9:49




















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53427237%2fupload-image-from-node-to-cloudinary%23new-answer', 'question_page');
          }
          );

          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







          Popular posts from this blog

          Paul Cézanne

          UIScrollView CustomStickyHeader Resize height generates problems when scroll is too fast

          Angular material date-picker (MatDatepicker) auto completes the date on focus out