ace_file_input回显地址图片

最近写前端页面,需要做一个图片上传功能,BootStrap的ace_file_input真是相当好用的一个文件上传插件了。
出于体验感考虑,当然需要能够图片回显功能啦~
普通情况下,ace_file_input是能回显图片的,但是对于那种地址图片发现它突然不好使了。
搜罗了一大圈终于找到了解决方法,在此记录一下。
同时再次感叹前端好难啊。。。还是后端简单一点。
首先,要改写原生JS中的show_file_list方法,以及新增一个i_bak方法:

	f.prototype.show_file_list = function (k) {
   
        var n = typeof k === "undefined" ? this.$element.data("ace_input_files") : k;
        if (!n || n.length == 0) {
   
            return
        }
        if (this.well_style) {
   
            this.$label.find(".file-name").remove();
            if (!this.settings.btn_change) {
   
                this.$label.addClass("hide-placeholder")
            }
        }
        this.$label.attr("data-title", this.settings.btn_change).addClass("selected");
        for (var p = 0; p < n.length; p++) {
   
            var l = typeof n[p] === "string" ? n[p] : e.trim(n[p].name);
            var q = l.lastIndexOf("\\") + 1;
            if (q == 0) {
   
                q = l.lastIndexOf("/") + 1
            }
            l = l.substr(q);
            var m = "icon-file";
            if ((/\.(jpe?g|png|gif|svg|bmp|tiff?)$/i).test(l)) {
   
                m = "icon-picture"
            } else {
   
                if ((/\.(mpe?g|flv|mov|avi|swf|mp4|mkv|webm|wmv|3gp)$/i).test(l)) 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值