input file文件上传图片，添加预览效果

落叶无情也算有情

于 2018-03-21 15:58:03 发布

阅读量570

点赞数

分类专栏： javascript 文章标签： input file 上传成功预览图片

本文链接：https://blog.youkuaiyun.com/JackieMing0328/article/details/79641346

版权

本文介绍如何在网页中使用input file元素实现图片上传，并添加实时预览效果，参考了东奥聘招聘者的身份审核页面，用户可以上传身份证进行预览。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        /**
         * 文件上传预览
         * */
        doUpload: function (UpInput) {
            var _this = this,
                flag = UpInput.files && UpInput.files[0],
                img = _this._div.find('.dars-img ul').append($('<li>', {
                    html: [$('<' + (flag ? 'img' : 'div') + '>', {
  'class': 'up-p-img' + (flag ? '' : ' up-p-img1'</

最低0.47元/天解锁文章