0

私はこのスクリプトを持っているので、../AdsCreate/CreateCar.php に移動し、フォームを読み取り、データベースに挿入し、すべて正常に動作する特定の div にページをロードします。

フォームの一部で画像をアップロードするという問題が 1 つありますが、それができないのは、以下のスクリプトがデータをシリアル化し、ファイル ベースではそれを行わないためだと言われました。

これがスクリプトです。

<script type="text/javascript">
jQuery(document).ready(function($) {

$("#Submit").click(function() {

var url = "../AdsCreate/CreateCar.php"; // the script where you handle the form input.

$.ajax({
   type: "POST",
   url: url,
   data: $("#myForm").serialize(), // serializes the form's elements.
   success: function(html){ $("#right").html(html); }
 });

return false; // avoid to execute the actual submit of the form.
});
});
</script>

これが私のフォームです

<form method="post" enctype="multipart/form-data" id="myForm">
 <table class="default1" style="width: 100%" align="center">
      <tr>
        <td class="content1" colspan="3"><h3><b>Car Ads</b></h3></td>
      </tr>
      <tr>
      <td class="content1" width="70%">Make: <input type="text" name="name"></td>
      <td class="content1" width="15%">Model: <input type="text" name = "email"></td>
      <td class="content1" width="15%">Year: <input type="text" name = "phone"></td>
     </tr>
      <tr>
      <td class="content1" colspan="3">Main Photo: <input type="file" name="photo"></td>
     </tr>
      <tr>
      <td class="content1" colspan="3"><input type="submit" value="Upload" id="Submit"></td>
     </tr>
</table>
</form>

ファイルのアップロードも含むフォームをアップロードできるように、スクリプトを変更するにはどうすればよいですか??

4

1 に答える 1

0

このプラグインを使用して、ファイルを個別にアップロードできます。

http://blueimp.github.com/jQuery-File-Upload/

jQuery フォームを使用してファイルをアップロードすることもできます。

http://www.malsup.com/jquery/form/#file-upload

ファイルが選択されたら送信ボタンを無効にして、ユーザーがフォームを送信する前に最初に画像をアップロードするようにしてください。

于 2012-10-07T22:22:24.260 に答える