jquery - change() 関数を使用してソース値が必要

Question

こんにちは、コードの変更image src時に変更したい友人は以下のとおりですfileField

HTML

<input type="file" name="fileField" id="fileFieldVoice"><br/><br/>
                                  <p>Upload your own voice file 
here only mp3, wav, Max. 4MB</p>
                                  <p>&nbsp;</p>
                                  <p class="center clk"><a href="#"><img src="images/uploadDisable.png" alt=" " width="78" height="37" ></a></p>

脚本

$('#fileFieldVoice').on('change',function(){

    var fileField = 'images/uploadActive.png'
/*alert(fileField)*/
$('.clk').children('img').attr('src').val(fileField);

    })

ここでフィドルを見ることもできますhttp://jsfiddle.net/QPry4/

Answer 1

デモ

これを変える$('.clk').children('img').attr('src').val(fileField);

に

$('.clk').find('img').attr('src', fileField);

js

$('#fileFieldVoice').on('change', function () {
    var fileField = 'images/uploadActive.png'
    /*alert(fileField)*/
    $('.clk').find('img').attr('src', fileField); 
})

Answer 2

http://jsfiddle.net/QPry4/7/をご覧ください。

$('#fileFieldVoice').on('change',function(){    
    var fileField = 'http://blog.jtclark.ca/wp-content/uploads/2010/02/apple-logo1-64x64.jpg'
    $('.clk').find('img').attr('src', fileField);
    })

注：参考までに、ネットで入手できる画像を使用しました。