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);
    })

注意：仅供参考，我使用了网络上提供的图像。