<div class="upload-img">
<input id="img-upload" type="file" name="img" accept="image/*" v-on:change="tup()" >
<img id="img-show" src="显示图片的默认路径" class="img-polaroid" width="190" height="170" alt="上传图片" title="上传图片">
</div>
methods里的的一个方法:
tup(){
var input = $("#img-upload");
var file = input[0].files[0];//获取input上传的文件
if(!file.name){
alert("未选择图片");
}else{
//高版本浏览器对文件上传路径进行了安全处理,无法直接通过获取input的value进行访问,故转化为获取图片的url进行安全访问
var url = window.URL.createObjectURL(file);//将上传的文件转化为url
$("#img-show").attr('src', url);//更新img的src属性
};
},
Over the mountains,mountains.
我翻山越岭,才发现无人等候.