Как загружать, переименовывать и скачивать файлы? - PullRequest
0 голосов
/ 03 октября 2018

Я хотел бы переименовать некоторые (хорошо, я признаю - к сожалению, довольно много) из моих файлов (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>

Любая помощь будет очень признательна.

...