在compressor.js中使用图像作为水印

<input type="file" id="imageInput" accept="image/*">
<img id="previewImage" src="" alt="Preview Image">

var imageInput = document.getElementById('imageInput');
var previewImage = document.getElementById('previewImage');

imageInput.addEventListener('change', function(e) {
  var file = e.target.files[0];
  
  new Compressor(file, {
    quality: 0.6, // 图像质量
    maxWidth: 800, // 图像最大宽度
    maxHeight: 600, // 图像最大高度
    success: function(result) {
      var reader = new FileReader();
      
      reader.onload = function(e) {
        previewImage.src = e.target.result;
      };
      
      reader.readAsDataURL(result);
    },
    error: function(err) {
      console.log(err.message);
    },
  });
});