Iterate through input=file attachments (not multi yet)

This commit is contained in:
Mikael Nordfeldth 2016-03-01 18:20:50 +01:00
parent e41809af89
commit e3431a2c91
1 changed files with 22 additions and 17 deletions

View File

@ -848,27 +848,29 @@ var SN = { // StatusNet
NDA.change(function (event) { NDA.change(function (event) {
form.find('.attach-status').remove(); form.find('.attach-status').remove();
var filename = $(this).val();
if (!filename) {
// No file -- we've been tricked!
return false;
}
var attachStatus = $('<div class="attach-status ' + SN.C.S.Success + '"><code></code> <button class="close">&#215;</button></div>');
attachStatus.find('code').text(filename);
attachStatus.find('button').click(function () {
attachStatus.remove();
NDA.val('');
return false;
});
form.append(attachStatus);
if (typeof this.files === "object") { if (typeof this.files === "object") {
var attachStatus = $('<ul class="attach-status ' + SN.C.S.Success + '"></ul>');
form.append(attachStatus);
// Some newer browsers will let us fetch the files for preview. // Some newer browsers will let us fetch the files for preview.
for (i = 0; i < this.files.length; i++) { for (i = 0; i < this.files.length; i++) {
SN.U.PreviewAttach(form, this.files[i]); SN.U.PreviewAttach(form, this.files[i]);
} }
} else {
var filename = $(this).val();
if (!filename) {
// No file -- we've been tricked!
return false;
}
var attachStatus = $('<div class="attach-status ' + SN.C.S.Success + '"><code></code> <button class="close">&#215;</button></div>');
attachStatus.find('code').text(filename);
attachStatus.find('button').click(function () {
attachStatus.remove();
NDA.val('');
return false;
});
form.append(attachStatus);
} }
}); });
}, },
@ -964,12 +966,15 @@ var SN = { // StatusNet
if (preview) { if (preview) {
blobAsDataURL(file, function (url) { blobAsDataURL(file, function (url) {
var fileentry = $('<li class="attachment"></li>');
fileentry.append($('<code>' + file.name + '</code>'));
var img = $('<img>') var img = $('<img>')
.attr('title', tooltip) .attr('title', tooltip)
.attr('alt', tooltip) .attr('alt', tooltip)
.attr('src', url) .attr('src', url)
.attr('style', 'height: 120px'); .attr('style', 'height: 120px');
form.find('.attach-status').append(img); fileentry.append(img);
form.find('.attach-status').append(fileentry);
}); });
} else { } else {
var img = $('<div></div>').text(tooltip); var img = $('<div></div>').text(tooltip);