0
jsファイル内にファイルのアップロードによってjQueryが各戻り値に対して次の要素を追加する条件がありますが、関連する削除スパンタグにクリックトリガーが発生していますリンクで要素のクリックを示すURLにハッシュが表示されていますが、私のconsole.logは起動せず、何かがオフであることを示しています。追加HTMLを重視しjQueryがトリガーするスパン追加要素をクリック
$("#file-input").on('change', function(){
var files = $(this).get(0).files;
if (files.length > 0){
var formData = new FormData();
for(var i = 0; i < files.length; i++){
var file = files[i];
console.log(files[i]);
formData.append('fileUpload', file, file.name);
}
$.ajax({
url: '/app/sign',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(data){
for(var i = 0; i < data.length; i++){
console.log('This is the element ' + data[i]);
$('.file-preview').append("<a href='" + data[i] + "'>" + data[i] + "</a><a href='#' class='remove-file' data-file-link='" + data[i] + "'><span class='glyphicon glyphicon-remove'></a><br>");
}
},
error: function(error){
console.log('error ' + JSON.stringify(error));
}
});
}
if (files.length > 5){
alert('You can only upload a maximum of five files at this time');
return false;
}
});
：ここ
はアップロードjQueryの私の後の画像である
.remove-fileクリックで $('.file-preview').append("<a href='" + data[i] + "'>" + data[i] + "</a><a href='#' class='remove-file' data-file-link='" + data[i] + "'><span class='glyphicon glyphicon-remove'></a><br>");
、私は見ていませんよまたはalert：
$('.remove-file').on('click', function(){
console.log('Delete Triggered');
var fileLink = $(this).data('file-link');
alert(fileLink);
/*alert($(this).attr('href'));
$.ajax({
url: '/app/sign',
type: 'DELETE',
data: fileLink,
success: function(){
$('.file-preview').remove();
},
error: function(error){
console.log('error ' + JSON.stringify(error));
}
})*/
});