- ベストアンサー
PC内の画像(のみ)ファイルを参照するにはどうしたらよいでしょうか
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
HTML3.2には、ファイルの種類をACCEPT属性で与えられるといった仕様はあるのですが、対応しているブラウザは無いと思います。 例えば、こんな感じで記述するようです。 試しにやってみられては？ <INPUT type="FILE" name="filename" accept="image/jpeg, image/gif, image/png"> 以上です。
関連するQ&A
- ＷＥＢサイトからファイルマネージャへ直接画像をアップロードするには
はじめまして。 自分のサイトのページからファイル参照をし、 ［<FORM method="POST" enctype="multipart/form-data" action="img_upload.php"> <INPUT type="hidden" name="MAX_FILE_SIZE" value="65536"> 画像のファイル名を入力してください（最大64KByte） <INPUT size="30" type="file" name="upfile"><BR> <BR> <INPUT type="submit" name="submit" value="送信"> <INPUT type="reset" name="reset" value="リセット"> </FORM>］ 自分の借りているレンタルサーバにあるファイルマネージャへ直接画像をアップし、 違うページで表示させたいのですが可能でしょうか。 サンプルソースや参考になるサイトを教えていただけるとありがたいです。 どうかよろしくお願いいたします。
- 締切済み
- HTML
- ファイルフィールドの「参照ボタン」の色指定は可能？
ファイルフィールド（<input type="file">）の「参照ボタン」に、色の指定はできるのでしょうか？ご存知の方は、よろしくお願いします。
- 締切済み
- HTML
- ReadParseを使ってのバイナリファイルのアップロード
ファイルをアップロードするCGIを作ろうと思い、以下のように書いてみました。そうしたところテキストファイルのアップロードには成功しましたが、バイナリファイルだとアップロード出来ても開けなかったり、画像が崩れてしまったりしてしまいました。 何故バイナリファイルだとアップロードが失敗してしまうのかわかりません。どこを直せば良いのでしょうか。 よろしくお願いします。 ----------------------------------------------- フォーム <FORM METHOD="POST" ENCTYPE="multipart/form-data" ACTION="xxx.pl"> <INPUT TYPE="file" NAME="file"> <INPUT TYPE="submit" VALUE="アップロード"> </FORM> ------------------------------------------------ xxx.pl &ReadParse(*in, *f_name, *f_type); $f_name{'file'}=~/([^\\\/]+)$/; $filename = $1; open(IN, ">$filename"); print IN $in{'file'}; close(IN);
- ベストアンサー
- CGI
- [html] <input type="file">タグの参照ボタンを画像ボタンにしたい。
タイトルのとおりなんですが、<input type="file">をhtmlで記述するとテキストボックスと共に参照ボタンが表示されますよね？ あの参照ボタンを画像ボタンにしたいのですが、どうしたらできるのでしょうか？それともそもそも出来ないのでしょうか？ 教えてください。お願いします。
- ベストアンサー
- HTML
- 投稿画像の表示
下記のコードは画像送信するホームです、 参照ボタンで画像を指定して送信するのですが、 print "<FORM NAME=\"Form1\" METHOD=\"POST\" ACTION=\"./photo.cgi\">\n"; print "<INPUT TYPE=\"file\" NAME=$file_1 VALUE=\"\">\n"; print "<INPUT TYPE=\"submit\" NAME=\"button\" VALUE=\"新規投稿\">\n"; 送信する時に画像を別のウィインドウに表示して確認してから送信出来るようにonSubmitを使って引数に参照ボタンで指定した画像のURLを渡して別のウィインドウに画像を表示するにはどうすれば良いですか。 よろしくお願いします。
- 締切済み
- CGI
- onclickイベントで、PHPの関数をコール
下記のようなPHPスクリプトで、ボタンが押された時の、onclickイベントで<?php upload_file() ?>として PHPのupload_file() 関数をコールしてるのですが、画像ファイルがアップできません。 どこが間違いなのか、教えていただけますか。 --------------------------------------------------------------------------------- <form name="form2" method="POST" enctype="multipart/form-data" action="bbs.php"> <!-- ファイル参照フォームを表示する --> <input type="hidden" name="MAX_FILE_SIZE" value="30000"> <input type="file" name="upfile" tabindex="6"> <input type="button" value="画像を送信" tabindex="7" onclick="<?php upload_file() ?>"> </form>
- 締切済み
- PHP
- ファイル選択ダイアログでファイルの種類を指定する方法
下記のプログラムでファイル選択のダイアログを表示しますが 【ファイルの種類】をデフォルトでＣＳＶの指定はできますか？ よろしくお願いします。 <html> <body> <form enctype="multipart/form-data" action = "test_02.php" method = "post" > <input type="file" name="file_data1"> <input type="submit" name="FILE送信" value="FILE送信"> </form> </body> </html>
- ベストアンサー
- HTML
- ファイル選択と同時にアップロード HTML+JS
HTMLとJava Scriptのことを質問させてください <form>タグからファイルを選択すると同時をアップロードしたいと思っています。 複数の「ファイルを選択ボタン」を設置し、それぞれ"001.jpg"、"002.jpg"など指定の名前でアップロードしたいです。 下記のようにいくつかの<form>タグを設置し、javascriptでコントロールできるかと思いケース1のように書いた場合はうまくいったのですが、ケース2のように複数並べて記述した場合、動かなくなり困っております。 どなたか教えていただけないでしょうか？ よろしくお願いいたします ケース1） <form id="upload_file1" action="file_upload.php" method="post" enctype="multipart/form-data" target="upload_frame"> <input type="hidden" name="picture_id" value="001.jpg" /> <input type="file" id="file_id_1" name="file_name" accept="image/jpeg"> </form> <form id="upload_file2" action="file_upload.php" method="post" enctype="multipart/form-data" target="upload_frame"> <input type="hidden" name="picture_id" value="002.jpg" /> <input type="file" id="file_id_2" name="file_name" accept="image/jpeg"> </form> <script> var form = document.getElementById("upload_file1"); var input = form.file_name; input.onchange = function (){ if(this.value){ form.submit(); } }; </script> ケース2） <form id="upload_file1" action="file_upload.php" method="post" enctype="multipart/form-data" target="upload_frame"> <input type="hidden" name="picture_id" value="001.jpg" /> <input type="file" id="file_id_1" name="file_name" accept="image/jpeg"> </form> <form id="upload_file2" action="file_upload.php" method="post" enctype="multipart/form-data" target="upload_frame"> <input type="hidden" name="picture_id" value="002.jpg" /> <input type="file" id="file_id_2" name="file_name" accept="image/jpeg"> </form> <script> var form = document.getElementById("upload_file1"); var input = form.file_name; input.onchange = function (){ if(this.value){ form.submit(); } }; var form = document.getElementById("upload_file2"); var input = form.file_name; input.onchange = function (){ if(this.value){ form.submit(); } }; </script>
- ベストアンサー
- JavaScript
- 画像のみリロードする方法は？
PHPで画像を登録するフォームを作成しています。 画面内には画像の登録<INPUT type="file"・・・と別の<FORM>内に複数のテキスト入力項目がありこちらはデーターベースに画像の情報を登録します。 画像をアップロード後、アップロードした画像のみ再表示し事前に入力した項目はそのまま残しておく方法をご存知の方いらっしゃいましたら宜しくお願いします。 <FORM … <INPUT type="text" … (1) <INPUT type="submit" … </FORM> <FORM … <INPUT type="file" … (2) <INPUT type="submit" … </FORM> <IMG src=" … (3) (2)で参照しアップロード後リロードし(3)で画像表示する。 アップロード前に(1)に入力した内容は残しておく。 という感じです。 上手く説明できず分かりにくいとは思いますが宜しくお願いします。
- ベストアンサー
- PHP
- javascriptでファイルを指定してアップロードができません
ファイルのアップロード機能を実装したいのですが <input type="file" />タグは画面に表示したくありません。 そのため「アップロードファイルを指定」ボタンを押すとダイアログが開き ユーザがファイルを指定するよう実装してあります。 以下のコードを書いたのですが「指定しない」ボタンでは正常に動作しましたが 「アップロードファイルを指定」ボタンでは、アクションも呼ばれませんでした。 これは何が問題なのでしょうか？ 教えていただけると助かります。 もしかして、javascriptから<input type="file" />を触る場合の セキュリティ制限でしょうか？ /**************** 環境 ****************/ jquery 1.3.2 php 5 ie7 /**************** html ****************/ $(document).ready(function(){ $('#btnyes').click(function() { var oldval = ''; $('#fileUpload').click(); // パスが指定されればpost if($('fileUpload').val() != oldval) { execSubmit(); } }); }); function execSubmit() { $('#formBeforeEdit').submit(); } /**************** javascript ****************/ <form name="formUpload" id="formUpload" action="/xxx/xxx" method="post" enctype="multipart/form-data"> <input type="button" name="yes" id="btnyes" value="アップロードファイルを指定" /> <input type="button" name="no" id="btnno" onclick="execSubmit();" value="指定しない" /> <input type="hidden" name="MAX_FILE_SIZE" value="10485760" /> <input type="file" name="fileUpload" id="fileUpload" style="display: none;"/> </form>
- ベストアンサー
- JavaScript
お礼
く～、無理でしたん（；； いやいや、しかし、ありがとうございました～勉強になりました（＾＾