1

ソーシャルウェブサイトを作成しています。ユーザー登録時に画像を保存する機能があります。ユーザーが画像をアップロードしたときに、フォームが送信される前に画像のプレビューを表示したいのですが、助けてください。

これは登録セクションの私のコードです

<form action="insert_scene.php" 
 method="post" id="sceneform" enctype="multipart/form-data">
<label for="image">Scene Flyer:</label>
<img src="" width="120" height="130" alt="Scene Pic" />
<a href="" onclick="return uploadimg()" > Upload</a></li>
 <input type="file" name="file" id="file" style="display:none;" />
 </form>

javascriptの内容は

   function uploadimg()
{
    var uploader = document.getElementById('file');
    uploader.click();
    return false;
}

これは、のコードのセグメントですinsert_scene.php（実際には、次のコードのセグメントは、に含まれている別のファイルに配置されますinsert_scene.php）

<?php 
ini_set('memory_limit','128M');
ini_set("post_max_size", "10M");
ini_set("upload_max_filesize", "10M");
echo "Upload: " . $_FILES["file"]["name"] . "<br />";
if ($_FILES["file"]["error"] > 0)
{
  $fileN = '';
 echo 'File Size:' .($_FILES["file"]["size"] / 1024);
}
else
{

$maxImgSize=($_FILES["file"]["size"] / 1024);

if($maxImgSize>=5121 || $maxImgSize==0){

  $fileN = '';
}
else{

move_uploaded_file($_FILES["file"]["tmp_name"],"upload/" . $_FILES["file"]["name"]);

  $fileN="upload/" . $_FILES["file"]["name"];

  while(file_exists($fileN)){
      $fileN="upload/" . md5($fileN).$_FILES["file"]["name"];
  }

  rename("upload/" . $_FILES["file"]["name"], $fileN);


      }
    } 
   ?>
   $scene_flyer = $fileN;

フォームを投稿した後$scene_flyer、画像アドレスを取得しますが、最初のページのフォームが送信される前にプレビューを表示したいのですが、助けてください。

4

1 に答える 1

0

コードを改善し、jQuery uploadify を使用します。

http://www.uploadify.com/demos/

次に、イベント OnUploadSuccess にいくつかの簡単なコードを記述します。

http://www.uploadify.com/documentation/uploadify/onuploadsuccess/

于 2013-02-27T09:23:39.557 に答える