前端上传文件前预览
<img src="" id="img-change" width="200px" height="200px" id="filePath" name="filePath">
<input type="file" id="file" style="display:none;" onchange="filechange(event)" class="btn btn-secondary radius">
<script>
$("#img-change").click(function () {
$("#file").click();
})
var filechange = function (event) {
var files = event.target.files, file;
if (files && files.length > 0) {
// 获取目前上传的文件
file = files[0];// 文件大小校验的动作
if (file.size > 1024 * 1024 * 2) {
alert('图片大小不能超过 2MB!');
return false;
}
r = new FileReader(); //本地预览
r.onload = function () {
$(".img-change").attr("src", r.result);
}
r.rea