8 examples of 'save image in folder using jquery' in JavaScript

237
function saveImage() {
238
   glmol01.show();
239
   var imageURI = glmol01.renderer.domElement.toDataURL("image/png");
240
   window.open(imageURI);
241
}

51
function saveImage() {
52
	var out = selectedPhoto.filename.split('/').pop();
53
	// out = `${__dirname}/captures/${out}`;
54
	out = `${saveTo.innerHTML}/${out}`;
55
	saveImageTo(selectedPhoto, currentStyle, out);
56
}

56
function saveImg(image) {
57
  var _this = this;
58
59
  $.ajax({
60
    type: 'POST',
61
    url: '/test/upload.php',
62
    data: {image: image},
63
    success: function (resp) {
64
65
      // internal function for displaying status messages in the canvas
66
      _this._displayStatus('Image saved successfully');
67
68
      // doesn't have to be json, can be anything
69
      // returned from server after upload as long
70
      // as it contains the path to the image url
71
      // or a base64 encoded png, either will work
72
      resp = $.parseJSON(resp);
73
74
      // update images array / object or whatever
75
      // is being used to keep track of the images
76
      // can store path or base64 here (but path is better since it's much smaller)
77
      images.push(resp.img);
78
79
      // do something with the image
80
      $('#wPaint-img').append($('').attr('src', image));
81
    }
82
  });
83
}

32
export async function saveFile(image: IImageFile, filePath: string) {
33
  await fs.copy(fu.getFilePath(image), filePath)
34
}

9
function selectedImage(filename, url) {
10
    return '<li> ' +
11
           '    <i></i>' +
12
           '    <p>' +
13
           '        <i></i>' + filename +
14
           '    </p>'
15
           '    <span>' +
16
           '        <span>' +
17
           '            <a href="#remove-image">' +
18
           '                <i></i>' +
19
           '            </a>' +
20
           '        </span>' +
21
           '    </span>' +
22
           '</li>';
23
}

817
function imagetocanvas(img, w, h, name, folder) {
818
  var dimensions = resize(
819
    img.width || settings.w,
820
    img.height || settings.h,
821
    w, h);
822
823
  $canvas.width = w;
824
  $canvas.height = h;
825
826
  if (settings.crop) {
827
    c.width = dimensions.w;
828
    c.height = dimensions.h;
829
    dimensions.x = 0;
830
    dimensions.y = 0;
831
  }
832
  if (settings.background !== 'transparent') {
833
    ctx.fillStyle = settings.background;
834
    ctx.fillRect(0, 0, w, h);
835
  }
836
837
  ctx.drawImage(
838
    img, dimensions.x, dimensions.y, dimensions.w, dimensions.h
839
  );
840
  addtothumbslist(name, folder);
841
}

18
function save(rawimage, dir, maxWidth, maxHeight) {
19
   // determine filetype of image (one could do this also by checking the mimetype)
20
   this.fileext = evalImgType(rawimage.contentType);
21
   if (this.fileext == "ico") {
22
      // the image is an .ico, so we directory write it to disk and return
23
      rawimage.writeToFile(dir.getPath(), this.filename + "." + this.fileext);
24
      return true;
25
   }
26
   var img = new Helma.Image(rawimage.getContent());
27
   this.width = img.getWidth();
28
   this.height = img.getHeight();
29
   var resize = false;
30
   var hfact = 1;
31
   var vfact = 1;
32
   if (maxWidth && this.width > maxWidth) {
33
      hfact = maxWidth / this.width;
34
      resize = true;
35
   }
36
   if (maxHeight && this.height > maxHeight) {
37
      vfact = maxHeight / this.height;
38
      resize = true;
39
   }
40
41
   if (resize) {
42
      this.width = Math.ceil(this.width * (hfact < vfact ? hfact : vfact));
43
      this.height = Math.ceil(this.height * (hfact < vfact ? hfact : vfact));
44
      try {
45
         img.resize(this.width, this.height);
46
         if (rawimage.contentType == 'image/gif' || this.fileext == "gif")
47
            img.reduceColors(256);
48
      } catch (err) {
49
         throw new Exception("imageResize");
50
      }
51
   }
52
   // finally we try  to save the resized image
53
   try {
54
      if (resize)
55
         img.saveAs(dir.getPath() + "/" + this.filename + "." + this.fileext);
56
      else
57
         rawimage.writeToFile(dir.getPath(), this.filename + "." + this.fileext);
58
   } catch (err) {
59
      app.log("Error in image.save(): can't save image to "+dir);
60
      throw new Exception("imageSave");
61
   }
62
   var f = new Helma.File(dir.getPath(), this.filename + "." + this.fileext);
63
   this.filesize = f.getLength();
64
   return;
65
}

33
exportImage() {
34
    const elink = document.createElement('a');
35
    elink.style.display = 'none';
36
    elink.href = this.canvas.toDataURL('image/png');
37
    elink.download = `${Date.now()}.png`;
38
    document.body.appendChild(elink);
39
    elink.click();
40
    document.body.removeChild(elink);
41
}