ajax を使用して送信するアップロード フォームがあります。
これはすべて正常に動作しますが、私がやりたいことは、アップロードしていたファイルの名前を非表示の入力タイプに保存することです。そのため、テキスト フィールドを含むフォームを送信すると、画像の名前をデータベースに送信できます。
メイン フォームをデータベースに送信すると、画像の名前が失われていることに気付きました。入力ファイルがアップロード フォームにあることに気付きました。そのため、名前が送信されません。
私の質問は、アップロードされたファイルの名前を他のフォームに渡すにはどうすればよいですか?
私のメインフォームでは、
<input type="hidden" name="imgname" id="imgname" value="" />
これがフォームを送信する私のjqueryです
<script type="text/javascript">
$(document).ready(function() {
//elements
var progressbox = $('#progressbox');
var progressbar = $('#progressbar');
var statustxt = $('#statustxt');
var submitbutton = $("#SubmitButton");
var myform = $("#UploadForm");
var output = $("#output");
var lotterydiv = $("#lottovidpreview");
var completed = '0%';
$(myform).ajaxForm({
beforeSend: function() { //brfore sending form
lotterydiv.remove();
submitbutton.attr('disabled', ''); // disable upload button
statustxt.empty();
progressbox.slideDown(); //show progressbar
progressbar.width(completed); //initial value 0% of progressbar
statustxt.html(completed); //set status text
statustxt.css('color','#000'); //initial color of status text
},
uploadProgress: function(event, position, total, percentComplete) { //on progress
progressbar.width(percentComplete + '%') //update progressbar percent complete
statustxt.html(percentComplete + '%'); //update status text
if(percentComplete>50) {
statustxt.css('color','#fff'); //change status text to white after 50%
}
},
complete: function(response) { // on complete
output.html(response.responseText); //update element with received data
myform.resetForm(); // reset form
submitbutton.removeAttr('disabled'); //enable submit button
progressbox.slideUp(); // hide progressbar
}
});
});
</script>
私はまた、 complete: function 部分で何かをする必要があると推測していますが、何がわからないのですか。画像を移動するためにphpスクリプトに送信されたファイルの名前を取得する必要がありますか、それともクライアント側から取得できますか?