基于VUE选择上传图片并页面显示(图片可删除)

2020-06-13 10:42:00易采站长站整理

let my_input = $('<input type="file" name="image" />'); //创建一个input
my_input.attr('id',i); //为创建的input添加id
$('#addTextForm').append(my_input); //将生成的input追加到指定的form
//生成img,默认为1
let my_img = $('<img src="">');
my_img.attr('id', 'img_'+i);
my_img.css({"max-width":"50%","max-height":"200px"});

//添加样式,由于vue的执行机制,页面加载的时候img标签还没有生成,直接写在style样式会不生效
$('#img-wrapper').append(my_img);
}
},
}
</script>