0

フォームがあります。簡単にするために、フォームの唯一の要素はファイルのアップロードです。

<form name="MyForm" action="upload_file.php" enctype="multipart/form-data" method="post">
    <input type="file" name="file" id="file" size="40"> 
    <button type="button" onclick="draw()">Refresh</button>
    <input type="submit" name="upload" value="Upload"> 
</form>

そして、upload_file.php で、通常の方法でパラメーターを取得します。

私のウェブページにはデフォルトの画像があります

<img src="Images/default_icon.png" width="70px" height="70px"/>

この画像を、ユーザーが [ファイルの選択] ダイアログから選択し、(必要だと思います) [更新] ボタンを押した画像に置き換えたいと思います。ユーザーは好きなだけファイルをアップロードでき、最終的に満足のいく画像が得られたら (もちろん最後にアップロードされたものだけが表示されます)、アップロード ボタンを押して次の Web ページに移動し、画像をサーバーにアップロードします。 .

Web プログラミングの知識はあまりありませんが、クライアントのマシンで画像のパスを取得して使用できないため、画像を専用のフォルダーにアップロードする必要があることはわかっていると思います。次に、サーバーから画像をダウンロードして、次のようにロードできます。

$url = '/upload/'.$_FILES["file"]["name"]; ///upload/icon.jpg

と

<img src="<?php echo $url; ?>" width="70px" height="70px"/>

これを手伝うか、適切なチュートリアルにリダイレクトしてください。これが実際にどのように機能するかについての説明も高く評価されます。

ありがとう

4

3 に答える 3

2

次のようなものが必要だと思います：

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

于 2012-12-30T13:19:17.103 に答える
0 
I have done this file uploading using iframe and form.
1>You need to have a form which includes input type as file and set the method as post of the form and set the target of the form to the iframe.
2> Set the src of iframe to the server side page where you need to upload the image.

Below is the html :-

<form id="fm1" method="post" enctype="multipart/form-data" target="ifrm">
<input type='file' id='file' name='image'/>
</form>

<iframe name='ifrm' style='display:none;' id='ifrm1' src='./CreateEvents.aspx'></iframe>


Once you sumbit the form to this iframe it automatically get posted to your server side page from where you can get the image convert it into bytes and upload to server or do any thing else.
于 2012-12-31T10:48:12.630 に答える
0

私は自分の質問に答えるのが嫌いですが、実際に画像をサーバーにアップロードせずになんとか答えました。それが可能であることを知らなかったので、ユーザーは好きなだけファイルをアップロードでき、最終的に画像に満足したら (もちろん最後にアップロードされたものだけが表示されます)、アップロード ボタンを押します。次の Web ページに移動し、画像をサーバーにアップロードします。. コンピューターからファイルを 1 つずつ選択し、最も適切と思われるファイルをアップロードするだけで十分なのに、なぜユーザーは最も魅力的なファイルを見つけるまでさらにファイルをアップロードするのでしょうか :)

HTML:

<input type="file" id="file" />
<input type="text" id="img_size" />
<img src="" id="fake_img" />

Javascript:

// Handle file while select a new file
$('#file').change(function () {
    $('#img_size').val((this.files[0].size) / 1000000);
    handleFiles(this.files);
});


// handle files
function handleFiles(files) {
    for (var i = 0; i < files.length; i++) {
        var file = files[i];
        var imageType = /image.*/;
        if (!file.type.match(imageType)) {
            continue;
        }
        var img = document.getElementById('fake_img');
       /* img.src = file;
        img.onload = function () {
        }; */
        var reader = new FileReader();
        reader.onload = (function (aImg) {
            return function (e) {
                aImg.src = e.target.result;
            };
        })(img);
        reader.readAsDataURL(file);
    }

}​
于 2012-12-31T12:28:52.177 に答える