jquery实现点击预览图片

<img src="" style="width: 200px;height: 300px;" id="image">
		<label for="fs">
<input type="file" name="fs" style="display: block;" id="f">

$('#image').click(()=>{
				$('#f').click();
})
$('#f').change(()=>{
		var image = $('#f').val();
			if(/jpg|png|gif$/i.test(image)){
			    var rf = new FileReader;
					rf.readAsDataURL($('#f')[0].files[0]);
					rf.onload = (()=>{
					$('#image').attr('src',rf.result);
						})
			}
			else{
			    $('#image').attr('alt',"文件类型错误");
			}
					
	})

在rf.readAsDataUrl（$('#f')））这个地方必须写一个下标[0]，不写的话会报错

 Cannot read property '0' of undefined