jquery ajax php を使用して複数の画像をアップロードできるスクリプトを作成しました。ここに jquery と html の部分があります
$(function () {
var form_control = $('#myForm');
$('#myform').on('click', '.upload', function(){
var form = new FormData($('#myform')[0]);
$.ajax({
url: 'image_send_form.php',
type: 'POST',
beforeSend: function ( xhr ) {
$("#gif").show();
},
success: function (r) {
$("#gif").hide();
$('.container_upload_form').html(r);
},
data:form,
cache: false,
contentType: false,
processData: false
});
$('.confirm_upload').show();
});
});
<form enctype="multipart/form-data" id="myform">
<input type="file" accept="image/*" multiple name="image[]" id="image" />
<input type="button" value="Upload images" class="upload" />
<input type="button" value="Cancel" id="close_upload"/>
このスクリプトは完璧に機能します..しかし、何か違うことをしたい..送信ボタンは必要ありません..このコードによれば、最初に画像をアップロードする必要がある場合は、それを選択してからボタンをクリックしてアップロードする必要があります. .私が欲しいのは、画像を選択すると自動的にアップロードされることです!! フェイスブックのプロフィール写真と同じ!そこにアップロードするためにボタンをクリックする必要はありません!何か助けはありますか? ...