首页 > 数据库 >fastadmin更改上传附件数据库为附件ID

fastadmin更改上传附件数据库为附件ID

时间:2024-11-27 16:05:22浏览次数:4  
标签:fastadmin 上传 id js file 附件 data ID

1.后台返回值加入ID

application/admin/controller/Ajax.php文件中upload()方法,2处返回值加上附件ID

 这样上传文件后,返回值便会多出file_id字段

 2.比如添加商品页面 上传商品图,得到file_id;

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('缩放图')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-image" class="form-control" size="50" name="row[image]" type="text" value="{$row.image|htmlentities}">
                <input type="hidden" id="file-id" name="row[file_id]" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image"  data-file-id="file-id" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image"  data-file-id="file-id" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-image"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-image"></ul>
        </div>
    </div>

主要多了这3处代码

 修改/public/assets/js/require-upload.js文件中onUploadSuccess回调方法加入代码

   var file_id = $(button).data("file-id") ? $(button).data("file-id") : "";
   if(file_id){
        var inputfileid = $("#" + file_id);
        inputfileid.val( data.file_id);
   }

 这样上传时,上传附件后,file_id就会进入input框以供后续添加商品存储;

3.选择文件也需要得到file_id

 

修改/public/assets/js/backend/general/attachment.js文件中更“选择”按钮点击时间回调方法修改代码

  Fast.api.close({url: row.url, multiple: multiple,file_id:row.id});

主要是加入file_id

 修改/public/assets/js/require-form.js文件中faselect方法加入代码

      var file_id = $(button).data("file-id") ? $(button).data("file-id") : "";
      if(file_id){
           var inputfileid = $("#" + file_id);
           inputfileid.val( data.file_id);
      }

 至此,大功告成;上传和选择input框均可拿到file_id

 

标签:fastadmin,上传,id,js,file,附件,data,ID
From: https://www.cnblogs.com/zhangyouwu/p/18572476

相关文章

  • c++QTableWidget横向填充满他的空间,且均匀分布
    1.概要//设置所有列均匀分布并填充满整个空间QHeaderView*header=tableWidget->horizontalHeader();for(inti=0;i<tableWidget->columnCount();++i){header->setSectionResizeMode(i,QHeaderView::Stretch);}2.内容在Qt中,如果你希望......
  • IntelliJ IDEA 断点调试详细文档
    IntelliJIDEA断点调试详细文档本指南全面介绍如何使用IntelliJIDEA的断点调试功能,包括快捷键操作、条件断点设置和表达式值的查看方法,帮助开发者高效调试代码。18.断点调试快捷键常用断点调试快捷键添加/移除断点快捷键:Ctrl+F8(Windows/Linux)/Command+F8(Mac)操......
  • Oopsie(SUID提权&PATH变量劫持)
    Oopsie1.扫描访问80服务,是一个类似于公司官网的网站一个邮箱地址2.发现接口有一个/cdn-cgi的路径,并且存在一个与login相关联的js文件访问/cdn-cgi/login,首先尝试弱口令和注入尝试失败后,使用guest进行登录,发现一个上传功能,需要使用admin权限查看请求包数据,发现cook......
  • tree-picker和grid-picker使用问题总结
    tree-picker组件使用举例表格型:示例图点击查看代码<el-form-itemlabel="基础参数定义:":label-width="formLabelWidth"prop="fkCulateParamDef"><grid-picker:tableColumn="fkCulateParamDefColumn":modelValue="form&q......
  • 用文字“画出”状态图:用 AI+Mermaid.js 解决对象状态变化的处理问题
    什么是状态图状态图用于描述对象在其生命周期内的状态变化及其处理,例如业务办理流程、病情处置等。什么是MermaidMermaid.js是一个开源项目,它允许你通过简单的语法来绘制图表。无论你是开发者、学生还是普通用户,它都能帮助你将复杂的信息以直观和易懂的方式呈现出来。什么是......
  • vxe-table grid 分享实现单元格编辑表格表尾合计实时计算
    在使用vxe-grid时,需要实现表尾合计功能,通过单元格编辑之后,实时自动计算表尾合计的值,自动更新表尾合计数据,实现方式通过监听change事件,从而实现实时更新合计功能。官网:https://vxetable.cn可以使用插槽模板,也可以使用配置式,下面是配置式的用法:<template><div><vxe-b......
  • 【使用IDEA创建SSM项目】
    目录:一、创建新项目二、修改包结构三、添加依赖项四、添加Web模块五、添加配置文件(1)空文件夹:`mapper`(2)数据库配置文件:`database.properties`(3)Mybatis配置文件:`mybatis-config.xml`(4)Spring配置文件:`applicationContext.xml`(5)SpringMVC配置文件:`spring-mvc.xml`(6)日志log4j......
  • 【开源系列】Faraday : 渗透测试 IDE 和漏洞管理平台
    什么是Faraday?Faraday是一个开源的漏洞管理平台,它旨在帮助安全团队有效地管理和协作处理漏洞。Faraday提供了一个集中的平台,用于收集、分析和报告漏洞信息。它支持多种集成,可以与各种安全工具和扫描器无缝对接,从而提高漏洞管理的效率和准确性。Faraday的功能特点多功能集......
  • Ollama本地部署Qwen2.5 14B(使用docker实现Nvidia GPU支持)
    前提条件:已经本地安装好了Ollama。如果没有安装Ollama或者想部署其他的模型或者不想使用docker,,可以参考之前的这篇文章:https://www.cnblogs.com/Chenlead/p/18571005安装过程参考:https://docs.openwebui.com/getting-started/quick-start/1.docker拉取open-webui镜像在命令行......
  • component 'rust-std' for target 'aarch64-linux-android' is up to date
    lipan@ubuntu:~/rustdesk$rustuptargetaddaarch64-linux-androidinfo:component'rust-std'fortarget'aarch64-linux-android'isuptodate出现这种错误:首先设置androidsdk的路径:exportANDROID_NDK_HOME=/home/lipan/android-ndk-r23c然后使用......