よろしくお願いします。
jQueryで、ファイルアップロードフォームにファイルがセットされていた場合にボタンを表示させたいです。
環境は、
・windows8.1
・Apache2.2.14
・PHP 5.4.39
・jquery-1.11.2.min.js
です。
現状、表示させたいボタンには
.css("visibility","hidden");
こちらがかかっており、F12で確認できるソースにもしっかりとhiddenがかかっています。
ボタンは表示されていない状態です。(ここまでは良い。)
ここから、ファイルアップロードフォームにファイルがセットされていた場合に
.css("visibility","visible");
こちらを適用し、ボタンを表示させたいのですが、表示されません。
コードを記述します。
html
1<input type="file" id="mainvisual_img_input" name="mainvisual_img"> 2<input type="button" id="main_visual_btn" value="画像変更" onclick="main_visual_btn()">
上記のHTMLは、Ajaxを使って表示させています。
ロードのタイミングなどに影響が出ているのでしょうか?
jQuery
1$(function(){ 2$('#mainvisual_img_input').on("change", function() { 3 var file = this.files[0]; 4 // 画像変更ボタンの表示判定 5 if(file != null) { 6 $("#main_visual_btn").css("visibility","visible"); 7 alert("true"); 8 }else{ 9 $("#main_visual_btn").css("visibility","hidden"); 10 alert("false"); 11 } 12 }); 13 14})
以下のサイト様を参考にさせて頂きました。
http://tomoyamkung.net/2014/01/09/javascript-uploadfile-selected/
functionの中にalertを記述しても反応しませんでした。
原因はどこにあるのでしょうか?
よろしくお願いします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。