Question

我是君豪我想知道当我使用js从网站保存图像时如何更改路径请给我建议以解决此问题。

这是我的代码

(function(){
  var video = document.getElementById('video'),
      photo = document.getElementById('photo'),
      context = canvas.getContext('2d'),
      vendorUrl = window.URL || window.webkitURL;


  navigator.getMedia = navigator.getUserMedia ||
                       navigator.webkitGetUserMedia ||
                       navigator.mozGetUserMedia ||
                       navigator.msGetUserMedia;

  navigator.getMedia({
      video:true,
      audio:false
  }, function(stream){
      video.srcObject=stream;
      video.play();
  }, function(error){

  });



  document.getElementById('capture').addEventListener('click', function(){
      context.drawImage(video, 0, 0, 400, 300);
      photo.setAttribute('src', canvas.toDataURL('C:/django/blog/static/img/png'))

      console.log(canvas);
      saveAs(canvas.toDataURL(), 'file-name.png')
  });
})();

function saveAs(uri, filename){
    var link = document.createElement('a');

    if (typeof link.download === 'string'){
        link.href = uri;
        link.download = filename;

        document.body.appendChild(link);

        link.click();

        document.body.removeChild(link);
    } else {
      window.open(uri);
    }

};

我想将路径保存到本地的C：\ django \ blog \ static \ img \ before_detection

Answer 1

注意，canvas.toDataURL()不希望将本地文件系统路径作为参数传递。

我想将路径保存到C：\ django \ blog \ static \ img \ before_detection 在我的本地

在Chromium / Chrome浏览器上，导航到chrome://settings，选择Advanced，滚动到Downloads，选择Ask where to save each file before downloading，这将提示用户接受文件并为用户提供一种方式如果单击Save，则可以选择将文件保存在操作系统的文件管理器应用程序窗口中的目录。

当我使用javascript从网站保存图像时，如何在我想要的本地路径中保存图像？

1 个答案: