如何上传,重命名和下载文件?

时间:2018-10-03 16:03:06

标签: javascript html image rename

我想重命名我的文件(PNG)的一些(好吧,我承认-很不幸)。我还没有找到合适的程序,而且我敢肯定,使用html + js也是必须的。

我的想法是一次上传多个文件,然后使用表格重命名它们(见下文)。

代码段包含了一切,到目前为止,我走了多远,因为显然我的代码没有真正起作用:文件在下载后被损坏,而且损坏的不是单个文件夹,而是许多不同的文件。

let table = {
   "file0": "myFirstFile",
   "file1": "mySecondFile",
   "file2": "myThirdFile",
   "file3": "myLastFile"    
}
  

重命名“ file0.png”->“ myFirstFile.png”,依此类推...


let table = {
  "test1.png": "new1",
  "test2.png": "new2"
}

$("input[name='file']").on("change", function() {
  for (let i = 0; i < this.files.length; i++) {
    let blob = this.files[i].slice(0, -1, 'image/png');
    let oldName = this.files[i].name;
    let newName = table[oldName.substr(0, oldName.lastIndexOf("."))] + ".png"
    let file = new File([blob], newName, {
      type: 'image/png'
    });
    download(file)
  }
})

function downloadURI(file) {
  var link = document.createElement("a");
  link.download = file;
  link.href = file;
  link.click();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Run as Webserverver <b>python -m SimpleHTTPServer 8000</b><br> -------------------------
<br><br> Select files: <input type="file" name="file" multiple>
<br>
<a onclick="saveFiles()" style="color: blue">Download images</a>

任何帮助将不胜感激。

0 个答案:

没有答案