以文件名为标题的MultiFile Upload

Question

我正在使用jquery multifile v2.2.2上传图库图像。我想取下文件名，删除"_-/"等等"；符号，并使用文件名作为图像的标题。

如何编辑值部分以获取文件名并根据需要进行编辑？

<input placeholder="caption" type="text" value"???" name="caption[]" id="'+element.id+'_caption'+'"></input>

• 我正在使用此脚本集成多文件jquery：

<script type="text/javascript">

$(function(){ // wait for page to load



$('#withEvents').MultiFile({
max: 20,
onFileRemove: function(element, value, master_element) {
$('#F9-Log').append('<li>onFileRemove - ' + value + '</li>')
},
afterFileRemove: function(element, value, master_element) {
$('#F9-Log').append('<li>afterFileRemove - ' + value + '</li>')
},
onFileAppend: function(element, value, master_element) {

$('#F9-Log').append('<li>onFileAppend - ' + value + '</li>')
},
afterFileAppend: function(element, value, master_element) {
$('#F9-Log').append('<li>afterFileAppend - ' + value + '</li>')
},
onFileSelect: function(element, value, master_element) {
$('#F9-Log').append('<li>onFileSelect - ' + value + '</li>')
},
afterFileSelect: function(element, value, master_element) {
console.log(element, value, master_element);
console.log('id:'+element.id);

var a = '<div class="as"><input placeholder="caption" type="text" name="caption[]" id="'+element.id+'_caption'+'"></input><input name="alttext[]" placeholder="Alt text" type="text" id="'+element.id+'_alttext'+'"></input></div>';

$('.MultiFile-preview:last').after(a);   
a='';
}

});


</script>

Answer 1

根据我的理解，您的意思是将element.id替换为element.name

afterFileSelect: function(element, value, master_element) {
console.log(element, value, master_element);
console.log('id:'+element.id);
console.log('caption:'+element.name);

var a = '<div class="as"><input placeholder="caption" type="text" name="caption[]" id="'+element.id+'_caption'+'"></input><input name="alttext[]" placeholder="Alt text" type="text" id="'+element.id+'_alttext'+'"></input></div>';
$('.MultiFile-preview:last').after(a);   
a='';
}

Answer 2

我做到了。

'+file.name.replace(/.[^/.]+$/, "")+'

<script type="text/javascript">

$(function(){ // wait for page to load


$('#withEvents').MultiFile({
max: 20,
onFileRemove: function(element, value, master_element, file) {
$('#F9-Log').append('<li>onFileRemove - ' + value + '</li>')
},
afterFileRemove: function(element, value, master_element, file) {
$('#F9-Log').append('<li>afterFileRemove - ' + value + '</li>')
},
onFileAppend: function(element, value, master_element, file) {

$('#F9-Log').append('<li>onFileAppend - ' + value + '</li>')
},
afterFileAppend: function(element, value, master_element, file) {
$('#F9-Log').append('<li>afterFileAppend - ' + value + '</li>')
},
onFileSelect: function(element, value, master_element, file) {
$('#F9-Log').append('<li>onFileSelect - ' + value + '</li>')
},
afterFileSelect: function(element, value, master_element, file) {
console.log(element, value, master_element);
console.log('id:'+element.id);
console.log('caption:'+file.name);

var a = '<div class="as"><input placeholder="caption" type="text" value="'+file.name.replace(/.[^/.]+$/, "")+'" name="caption[]" id="'+element.id+'_caption'+'"></input><input name="alttext1[]" placeholder="Alt text" type="text" id="'+element.id+'_alttext1'+'"></input></div>';

$('.MultiFile-preview:last').after(a);   
a='';
}
});


});
</script>

Answer 3

已修复！'+file.name.replace(/.[^/.]+$/, "")+'

var a = '<div class="as"><input placeholder="caption" type="text" value="'+file.name.replace(/.[^/.]+$/, "")+'" name="caption[]" id="'+element.id+'_caption'+'"></input><input name="alttext1[]" placeholder="Alt text" type="text" id="'+element.id+'_alttext1'+'"></input></div>';

我忘记添加我的网站：PBR纹理