3 
<html>
   <head>
      <title>File Upload Form</title>
   </head>
   <body>
      This form allows you to upload a file to the server.<br />
      <form action="getfile.php" method="post"><br />
         Type (or select) Filename: 
         <input type="file" name="uploadFile" />
         <input type="submit" value="Upload File" />
      </form>
   </body>
</html>

私はphp言語に取り組んでいます。パソコンから写真をアップロードしています。ただし、ファイルの選択とファイルのアップロードという 2 つのボタンがあります。ファイルの選択は PC から画像を選択するために使用され、ファイルのアップロード ボタンは送信ボタンとして使用されますが、クリックするだけで 1 つのボタンが必要で、PC ウィンドウを開いて写真を参照して選択し、送信ボタンとしても機能します。 . これを単一のボタンで行う方法はありますか

4

5 に答える 5

5

フォームタグ内のものを変更する必要があります:

1) Add a name tag: say name="frm"
2) enctype="multipart/form-data"

Then in your input file type add a function onchange="frm.submit();" // Where frm is name of the form
于 2013-09-25T07:05:54.210 に答える
3

でイベントの変更を待ち、input type="file"このイベントの後にファイルを送信できます。

jQuery を使用している場合は、フォームを で送信できます.submit()。

このようなもので試してください

$("input[type='file']").on("change", function(){
   $("form").submit();
});

.on("change", handler): http://api.jquery.com/change/

.submit(): http://api.jquery.com/submit/

于 2013-09-25T07:01:37.867 に答える
0

使用された jquery アップロード:アップロード

デモ

$(function() {
    $("#file_upload_1").uploadify({
        height        : 30,
        swf           : '/uploadify/uploadify.swf',
        uploader      : '/uploadify/uploadify.php',
        width         : 120
    });
});

自動アップロード自動アップロードについてもこれを確認してください

于 2013-09-25T07:01:10.780 に答える
0

これがコードです。これをそのまま使うだけで効果があります。

<html>
<head>
<title>File Upload Form</title>
</head>
<script>
$(document).ready(function(){
$("input[type='file']").on("change", function(){
$("#form1").submit();
});
});
</script>
   <body>
  This form allows you to upload a file to the server.<br />
  <form action="getfile.php" method="post" enctype="multipart/form-data" id="form1"><br />
     Type (or select) Filename: 
     <input type="file" name="uploadFile" />
     <input type="submit" value="Upload File" />
  </form>
  </body>
</html>
于 2013-09-25T07:20:10.697 に答える