Rename Files in the Queue

Demo uploads land in a temporary store and are swept after 60 minutes. To keep files, handle FileUploaded — see Single File for the complete save pattern.

Click a file name to rename before upload

Every PENDING (or FAILED) row's name is now click-to-edit. Commits on Enter / blur, reverts on Escape. The original extension is preserved unless the user types a new one - and any new extension is validated against allowedExtensions if set. Already-uploading or completed files are intentionally non-editable.

What you should see: rename a file in the queue before upload - the server receives the new name, not the original.

Try it: queue a few files, click any file name (or press Enter while it's focused), type a new name, hit Enter. Press Esc to cancel an edit. Try typing an extension that's not in the allow-list above to see the validation error.

Configuration

AjaxUploader.create('#uploader', {
 allowRename: true, // default - rows are click-to-edit
 allowedExtensions: 'jpg,png,pdf', // new extensions are validated
 onRename: function (task, oldName, newName) {
 renameLog.textContent = oldName + ' -> ' + newName;
 }
});