-1

機能するコメント ボックスがありますが、画像をアップロードするオプションを追加したいと考えています。画像は、Facebook のように下部のテキスト領域に表示されます。

ページ member-index.php のコードは次のとおりです。

 <form action="../login/comment-exec.php" method="POST">
    <textarea name="comment" id="feeds" rows="5"  ></textarea>
<input type="hidden" value="<?php $_SESSION['SESS_MEMBER_ID']?>" name="members_id" />
    <input type="submit"  class="postbutton" name="submit" value="Post" />
    </form>

送信ボタンをクリックした後、それをMysqlにアップロードするPHPページに送信します。画像アップローダーをこのTextareaに統合するにはどうすればよいですか。

4

3 に答える 3

3

これをフォームに追加する必要があります。

<input type="file" name="imagefile"> そして enctype="multipart/form-data"あなたの

すなわち:
<form action="../login/comment-exec.php" method="POST" enctype="multipart/form-data">

次に、これをフォームハンドラーのどこかに：

$allowed_filetypes = array('.jpg','.gif','.bmp','.png'); // These will be the types of file that will pass the validation.
$max_filesize = 9999999999; // Maximum filesize in BYTES - SET IN to a low number for small files
$upload_path = './uploads/'; // The place the files will be uploaded to (currently a 'files' directory).

$filename = $_FILES['imagefile']['name']; // Get the name of the file (including file extension).
$ext = substr($filename, strpos($filename,'.'), strlen($filename)-1); // Get the extension from the filename.

// Check if the filetype is allowed, if not DIE and inform the user.
if(!in_array($ext,$allowed_filetypes))
die('The file you attempted to upload is not allowed.');

// Now check the filesize, if it is too large then DIE and inform the user.
if(filesize($_FILES['imagefile']['tmp_name']) > $max_filesize)
die('The file you attempted to upload is too large.');

// Check if we can upload to the specified path, if not DIE and inform the user.
if(!is_writable($upload_path))
die('You cannot upload to the specified directory, please CHMOD it to 777.');

// Upload the file to your specified path.
if(move_uploaded_file($_FILES['imagefile']['tmp_name'],$upload_path . $filename))

// Echo success and the uploaded file.
echo 'Your file upload was successful, view the file <img src="' . $upload_path . $filename . '" title="Anything you want">'; // It worked.
else
echo 'There was an error during the file upload. Please try again.'; // It failed

// rest of your code to be placed below

DB 注:アップロードされたファイルまたはそれへの参照をデータベースに挿入するには、途中で画像ファイル自体の名前を変更するか、一意の ID を設定する必要があります。この分野の専門知識はありませんが、記録が一意である必要があることはわかっています。

たとえば、iPod Touch や iPhone などから JPG をアップロードする人などです。画像のデフォルト名はimage.jpg. これらのデバイスから名前を変更せずに画像をアップロードすると、以前にアップロードされた画像が自動的に上書きされimage.jpgます。考えさせられるだけです。

于 2013-06-09T02:24:15.937 に答える
0

データをテキストエリアにネストしてアップロードすることについては正確にはわかりませんが、役立つ画像/ファイルアップロードスクリプトの良いセットを次に示します。

http://www.w3schools.com/php/php_file_upload.asp

アップロードの結果をテキストエリアにロードするこのスクリプトへの ajax 呼び出しをいつでも実行できます...またはテキストエリアの下の div を使用して、ユーザーがアップロードしたものを表示できます。それが役に立てば幸い...

于 2013-06-09T02:06:28.377 に答える
-1

Facebookのようにやっている場合は、フォームと同時にファイルを送信したくないでしょう。Facebook (またはほとんどの人気サイト) に画像をアップロードすると、フォームのテキスト部分を送信する前に、実際に画像がサーバーにアップロードされます。

これを行うにはいくつかの方法があります。コードに追加する最も簡単な方法は、HTML5 FileReader クラス ( https://developer.mozilla.org/en-US/docs/Web/API/FileReader ) を使用することです。ファイルのコンテンツのbase64でエンコードされたバージョンをロードし、それをフォームのフィールドに設定してから、反対側でファイルを構築します。

<form action="../login/comment-exec.php" method="POST"> <textarea name="comment" id="feeds" rows="5" ></textarea> <input type="hidden" value="<?php $_SESSION['SESS_MEMBER_ID']?>" name="members_id" /> <input type="hidden" name="filedata" value="" /> <input type="file" onchange="loadFile(event);" /> <input type="submit" class="postbutton" name="submit" value="Post" /> </form>

変更時の loadFile イベントについては、FileReader を調べる必要があります。非常に単純ですが、例として示すには少し長すぎます。ドラッグ アンド ドロップもサポートする優れたリンクは次のとおりです: http://www.html5rocks. com/en/tutorials/file/dndfiles/

于 2013-06-09T02:40:10.270 に答える