• 締切済み

画像のプレビューについて

formのfileが選択されたとき、fileで選択されたファイル(画像)を imageに反映しているところです。 ローカル環境では問題なく動作するのですが、サーバに アップすると、まったく表示されません。 説明不足とは思いますが、もしわかる方がいらっしゃる ようでしたら教えてください。

みんなの回答

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

type=fileの中身を参照した時、ファイルのパスが取れるかどうかはブラウザ依存です。 近年、セキュリティの観点からかパスについてはとれない事が多くなっているようです。 ローカルのテスト環境でたまたまパスなしでアクセスできる場所に画像ファイルがあったのでは? そうした画像のプレビュー機能は(少なくともJavascriptでは)実現不可能だと思います。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 「画像のデータに不足があります」エラー

    閲覧できているPDFファイルを、自社のHPからダウンロードできるようにするためサーバにアップし、検証の為リンク先から開いてみると、 「画像のデータに不足があります」 のエラーが表示されファイルが閲覧できません。 ローカルにあるファイルは閲覧ができるのでreader等のバージョンの問題ではないように思うのですが。。。 何が問題でしょうか?

  • プレビューで画像が表示されない

    大変困っております。ご存知の方、どうかお教え下さい。 フォトショップで画像を作り、jpgで保存した画像ファイルなのですが、ホームページビルダーの、新規作成、標準ページに画像を貼り付けても、プレビューで見ると表示されません。 こんなことは初めてです。 他のHTMLファイルに貼り付けてある画像はちゃんと表示されます。 ファイルサイズは86.1KB、ディスク上のサイズは88.0KBですが、ファイルサイズは関係あるのでしょうか? サーバーにUPして見られない……と言うのは良く聞きますし、ファイルの場所、ファイル名、ノートンのせいかもしれないと言うのもわかります。確かにノートンは入っていますが、プレビューで見られないと言うこともあるのでしょうか? 一応サーバーにUPしましたが、結果は同じで見られませんでした。 ご存知の方、どうかお願い致します。

  • JQuery サーバー上にアップすると動かない

    JQuery初心者です。 ■OS:Windows7 ■使用ソフト:DreamweaverCS5 ■使用サーバー:heteml 使用したいJQueryは、 http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery こちらのマウスが触れると画像が出てくるツールチップです。 --------------------------- <現象・環境> ・ローカルでは問題なく動作。 ・サーバーにアップすると動作しない。 ・単純に上記サイトからダウンロードしたものをサーバーにアップすると正常に動作する。 ・使用ページには他にもJQueryが混同されています。 ・↑他のJQueryは問題なくサーバー上でも動作します。 --------------------------- <行ったこと> ・何かのJQueryが邪魔してると思い、一度他のJQueryを全削除しましたが、サーバー上では動作しませんでした。 (ローカル上では動作しました) ・パスが間違っていると思い、ファイルを全て一つのフォルダにまとめてアップしましたが動作しませんでした。 (ローカル上では動作しました) ・何も無い新規HTMLを作成して使用したいJQueryだけを入れてサーバー上にアップしたら、動作しました。 →ということは、JQuery以外の何かが邪魔をしている? --------------------------- 考えられる原因や、ここを見てみたらどうかなどのアドバイスをいただけないでしょうか? 情報不足な部分がありましたら申し訳ありません。

  • FC2HPサービスでのファイルマネージャーについて

    ローカルでHPが出来上がりFC2のサーバー(ファイルマネージャー)でアップを試みたのですが、いろいろなQ&Aを検索しても理解できずに困っています。 ローカルではhomepegeフォルダの中にindex.htmlとimageフォルダとcss.cssのカスケードスタイルシートの3つが存在します。 imageフォルダにはHPで使用する画像がgifで保存してあります。 これをFC2の管理画面からroot階層にindex.htmlを上書きし(最初から用意されているので)同じroot階層にcss.cssをアップ、更に同rootにimageと名前を付けたディレクトリを新しく作成しました。 ですのでrootには既存のiフォルダも入れて3つのフォルダと1つのcssとなります。 imageフォルダを選択するとimageディレクトリの画面になりそこにimageファイルの中の画像をアップしました 結果はcssも画像も反映しておりません(HTMLで記述した箇所だけ反映されています) ファイルマネージャーの使い方が善く理解できていないのと恐らくは階層が違うと思うのですが cssとimageの中の画像はどの階層にアップしたらよいのでしょうか? ローカルではブラウザで確認しましても問題無く完成しております 御教授宜しくお願い致します。

  • サーバーにUP済みの古い画像データがプレビュー不可

    よろしくお願いいたします。 カテゴリーがわからなかったのですが、こちらで質問いたします。 ホームページ作成のため、約10年使用してきたサーバーがあります、 ファイルの整理をしていまして、 UPしてある画像ファイルをプレビューしようとすると、 「セキュリティで保護されたWebページコンテンツのみを表示しますか?」の警告ポップ窓が出て、 はいを選択しても、画像に×マークが出るだけで、見られません。 古い(UPして7~8年経っているものも含まれる)ファイルだからなのか?何か画像にセキュリティカバーがなされているのか?理由は不明なのですが、 どこか設定を操作することにより、プレビューを可能にする方法はありますでしょうか? インターネットオプションをいじろうとしても、よく理解できないため、お詳しい方、ご教授をよろしくお願いいたします。 なお、整理していますのは、サーバーの引っ越しをするためで、なるべくなら古い画像を全て、取捨選択のためチェックしたいのです、(映画のタイトル画像なども含まれていますが、そのため(著作権?)でしょうか?) どうぞよろしくお願いいたします。

  • ファイルの選択で画像選択時のイベント

    お世話になります よろしくお願いします。 htmlの<input type="file" name="pic">でファイルの選択で画像を選択して 開くをクリックしたときいjaavascriptでイベントを取得したいのですが どうすればいいでしょうか? ファイルの選択で開くをクリックすると 画像をサーバーにアップしてその画面に表示 という動作をしたいです。 参考になるサイトなどありましたらよろしくお願いします。

  • 画像アップロード型掲示板でのファイル選択ダイアログ

    画像アップロード型の掲示板において、ファイル選択ダイアログでファイル選択したら、 FTPサーバーにアップし、かつ、アップしたユーザー自身が、ブラウザでその画像を見れるという仕様にしたいんですが、FTPサーバー側に選択した画像ファイルが、アップされてないのです。 アップした画像をローカルのブラウザのページで見ると、x印のアイコンだけが表示されていて、中身の画像ファイルが表示されてないのです。ですが、そのx印のアイコンを右クリックすると、画像のピクセル数や、FTPサーバー先の絶対パスがちゃんと表示されてるんです。 下記のようなファイル選択ダイアログが表示されるHTMLと、そこから呼び出すPHPスクリプト において、どこか間違っているのか教えていただきたいです。よろしくお願いします。 <html> <head><title>ファイル選択ダイアログ</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <form name="form1" method="POST" enctype="multipart/form-data" action="file_upload.php"> <input type="file" name="result"> <input type="submit" name="upload" value="添付画像"> </form> </body> </html> --------------------------------------------------------------------- <?php $photo = $_POST['photo']; //////////////////////////////////// // ローカル側でファイルをオープン // //////////////////////////////////// $filename = "./files/$photo"; // $parent(親ディレクトリの直下のファイルだから、何もつけなくてよい) echo("filename=".$filename); // デバッグ用 $fp=fopen($filename, 'rb') or die; /* ファイルオープンダイアログで選択したファイルのファイル名はbbs.phpと同じディレクトリにあるfile_uproad.php から見ると、$photoにつけるパスは不要 */ /////////////////////////////////////////////////////////////////////// // FTPサーバーに接続、ログイン、サーバー側のカレントディレクトリ変更 // /////////////////////////////////////////////////////////////////////// $ftp_server="users109.lolipop.jp"; $ftp = ftp_connect($ftp_server); $res = ftp_login($ftp, "~", "~"; if($res==FALSE){ echo("FTPサーバーのログインに失敗しました。"); exit(1); } $cur = ftp_pwd($ftp); // サーバーにログイン直後のサーバー側のカレントディレクトリ echo("cur=".$cur); exit(1); ftp_chdir($ftp, $cur); // サーバー側のディレクトリを変更 ///////////////////////////////////////////// // FTPサーバーに画像ファイルをアップロード // ///////////////////////////////////////////// $remote_file = $photo; // リモート上でのファイル名指定 echo($remote_file); //if(ftp_fput($ftp, $remote_file, $fp, FTP_BINARY)){ // ローカルでオープンしている画像ファイルをバイナリモードでFTPサーバーにアップロードする if(ftp_fput($ftp, $remote_file, $fp, FTP_BINARY)){ // リモートのカレントディレクトリにアップされる echo "Successfully uploaded $file\n"; }else{ echo "There was a problem while uploading $file\n"; } //////////// // 後処理 // //////////// fclose($fp); ftp_close($ftp); //header("Location: bbs.php"); ?>

    • 締切済み
    • PHP
  • FC2HPサービスでのアップロードについて

    ローカルで作成したHPファイルがファイルマネージャーでのアップロードが判りづらくcssやimageフォルダの中の画像が反映されませんでした。 当方のローカルには MYドキュメント→homepageフォルダの中にindex.htmlファイルとimageフォルダとcss.cssファイルの3つがあります 更にimageフォルダの中には画像gifをいれてあります ローカルブラウザでは全て完成状態で表示されます 名前と拡張子は半角英数字も再確認しました ファイルマネージャーのroot階層にはFC2側で最初から用意してあるiフォルダ(ディレクトリ?)とindex.htmlがありますが 同じroot階層にcss.cssをアップ、imageフォルダを作成しこのimageディレクトリに画像を全てアップロードしてみたのですが画像とcssは反映されませんでした。とりあえず反映されない物を削除し最初の状態に戻しました。 そこでFFFTPでアップしてみようと思いますが左ローカルホスト欄にimageフォルダ、index.html、css.cssの3項目があり 右サーバーホスト欄にはiフォルダ(これは必要ないですが)、imageフォルダ(画像は削除してありますので空です)、index.htmlの3項目があります ローカルのindexはホストのindexに上書きですよね imageも同様ホストのimageにアップしてもよいのでしょうか?画像1枚1枚アップしなくてもよいのですか? cssはそのままホストの項目を指定しないでアップするのでしょうか? HTMLの記述はcssには <link rel="stylesheet" href="css.css" type="text/css"> 画像には <img src="image/○○.gif> でリンクさせてあります 漠然と階層がずれていて反映されないような気がするのですが どこか操作そのものが間違えているのでしょうか? 御教授宜しくお願い致します

  • アップした画像を表示

    よろしくお願いします。 現在 <form action="" name="pic" method="post" enctype="multipart/form-data"> <input type="file" name="header_pic" value="" onchange="uproad_header()"> でonchangeで変更があるとsubmitを実行して画像を入れ替えています。 サーバー上のファイルは変わっています。 表示は <img src="pic1.jpg" width="58" height="58"> です サーバー上のファイルは変わっているので 更新ボタン(F5)を押すと画像は入れ替わるのですが 更新ボタンを押さずにアップされた時点で画像が入れ替わって表示する方法はないでしょうか? PHP5でやっています。 以上説明が下手ですみませんがよろしくお願いします。

  • サーバー上に置いたPDFが画像のデータ不足で見れない

    サーバー上に置いたPDFが画像のデータ不足で見れない 自社のHPにPDFファイルをDLできるように設置しようとしたところ 閲覧できていたPDFファイルがサーバーにアップすると 画像のデータ不足とエラーが出て閲覧できません。 どこに問題があるのでしょうか?