如何从input type = file获取数据，修改它，然后将其插入此输入js

Question

我有文件输入按钮（输入类型=文件）。让我说我选择图像。我想从输入中获取此图像，修改它，然后在同一文件输入中插入此修改后的图像。

1. 从输入文件中获取图像
2. 修改它//无关紧要
3. 将此图像插入我的文件输入按钮//将旧图像更改为新图像

Answer 1

HTML

<form method="post" action="upload-page.php" enctype="multipart/form-data">
        <label for="filesToUpload"> Select all photo files you need.</label>
        <br>
        <input name="filesToUpload[]" id="filesToUpload" type="file" multiple="" />
        <br><br>
</form>

jQuery（我也会使用an image lib）

var input = $( "input:file");

Caman(input, function () {
    this.brightness(10);
    this.contrast(30);
    this.sepia(60);
    this.saturation(-30);
    this.render();
  });