精华内容
下载资源
问答
  • 今天整理了一个jsp附件上传模块,结合jquery Uploadify插件,可以一次性上传多个附件,而且自带上传进度功能,非常漂亮的界面和强大的功能。 Uploadify插件是由国外开发的一个jquery插件,功能非常的齐全,包括同时...
  • Vue实现附件上传功能

    2020-10-15 06:55:39
    主要为大家详细介绍了Vue实现附件上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • NC65附件上传功能.rar

    2021-03-25 11:51:41
    NC65实现创建分组,上传附件功能
  • 现在谷歌不支持PHPCMS flash附件上传,修改为H5附件上传后即可,下载文件覆盖项目原文件即可实现功能,亲测可用,无bug
  • layui多附件上传.rar

    2020-09-11 16:46:36
    layui多附件上传,包含新增 修改页面 新增 修改 删除方法都已测试好,请放心使用,有什么问题请@我
  • 因为现在谷歌浏览器不支持PHPCMS flash附件上传,所以方案是将flash改为H5上传,亲测好用无bug,只需覆盖代码到自己的项目即可
  • tinymce附件上传插件

    2019-03-24 01:01:44
    NULL 博文链接:https://kwj.iteye.com/blog/1019559
  • jQuery ajax附件上传(支持多附件),单个附件、多个附件都支持,里面有注解,jQuery ajax附件上传(支持多附件),单个附件、多个附件都支持,里面有注解
  • 附件上传下载demo.zip

    2021-03-01 17:05:19
    很简单单个附件上传下载案例
  • NULL 博文链接:https://davidhhs.iteye.com/blog/1662134
  • 附件上传下载管理系统是一款PHP在线文件管理系统,全平台兼容性:Win(IIS+Apache)、Linux(Apache) 支持中英文目录名及文件名。 初衷:让附件和主网站分离,支持上传,下载,分享,删
  • html附件上传模板

    2017-02-05 08:25:09
    html附件上传模板
  • java写的大附件上传控件超牛逼绝对靠谱,内附完整例子,前后台,包括javascript等使用jquery实现
  • commons-fileupload-1.2.2 最新版 博文链接:https://jhaij.iteye.com/blog/797357
  • 附件上传

    千次阅读 2019-05-28 09:32:51
    附件上传 开发工具与关键技术:Visual Studio 2015 、附件上传 作者:袁何恩 撰写时间:2019年5月27日 今天,我要和大家分享的技术是附件上传附件上传是数据的直接上传,不用转换类型。但是有两点要记住和注意的...

    附件上传
    开发工具与关键技术:Visual Studio 2015 、附件上传
    作者:袁何恩
    撰写时间:2019年5月27日
    今天,我要和大家分享的技术是附件上传。
    附件上传是数据的直接上传,不用转换类型。但是有两点要记住和注意的,第一点是js直接上传文件,多于20M很容易报错;第二点在你没有点击保存的时候,附件是不能保存到数据库的,需要用Session来暂时储存它。
    一、在视图上写上附件上传的方法,这方法要限制文件上传的大小,先分别new一个FormData对象和XMLHttpRequest对象,再将第一个文件放入FormData,写上控制器上相应的方法的路径,代码图如下:
    在这里插入图片描述
    三、 在控制器中写上附件上传的方法。
    1、首先,用attachmentFile来接收页面传来的数据,来获取上载文件的大小(以字节为单位)。检查目录是否存在,不存在就创建,改变文件名称,添加时间字符串,避免文件名称相同,不包含文件扩展名的名称,写上保存文件的路径和文件保存的格式,代码图如下:
    在这里插入图片描述
    上图中为什么要限制文件上的大小不能大于20M呢?因为js直接上传文件,多于20M很容易报错。需要断点续传,所以一般上传小于20M的文件,如果一定要上传特别大的文件的话,一定要用到第三方的插件,而像正常的这种,默认是不支持断点续传的,上传大文件很容易中断。
    图中ContentLength是在派生类中重写时,获取上载文件的大小(以字节为单位),HttpPostedFileBase是充当类的基类,这些类提供对客户端已上载的单独文件的访问 ,List是初始化List类的新实例,该实例为空并且具有默认初始容量 ,List是表示可通过索引访问的对象的强类型列表。提供用于对列表进行搜索、排序和操作的方法, Directory是公开用于创建、移动和枚举通过和子目录的静态方法。此类不能被继承。Exists是确定给定路径是否引用磁盘上的现有目录,MapPath是在派生类重写时,返回与Web服务器上的指定虚拟路径相对应的物理文件路径,CreateDirectory是在指定路径创建所有目录和子目。
    2、接下来就是限制文件上传的类型,fileExtension来接收文件的后缀名,再拿它来判断,判断它的后缀名是否相应的后缀名,如果后缀名与控制器中写的后缀名不相同,就不上传它,代码图如下:
    在这里插入图片描述
    这里有一个问题,它是上传的附件,一般来说,在你没有点击保存的时候,是不能保存到数据库的,因为它属于某个数据的附加数据,也就是附件,某个数据都没有点击保存,某个数据的附加数据(附件)就不能保存到数据库,没保存到数据库,你又要进行表格的查询,你就要找一个容器把它保存起来,而在这种网页当中最好的容器是Session。所以在上传附件之前,要在Session列表中查询一下,看这个数据是否以前上传过,如果有把它转换出来,如果没有它就是一个新的附件、空的数据,Session[“sessionFiles”]是一个大容器,list是Session[“sessionFiles”]里的小容器,把数据放进list里,再把list放进Session [“sessionFiles”]里。
    图中Contains是放回一个值,该值指示指定的字串是否出现在此字符串中。
    3、但是这里上传文件大于4M,还是会出错的,为什么呢?因为ASP.NET.MVC默认上传4M左右,超过4M就上传失败,这是默认的配置。在项目列表里,打开Web.config,这里的配置可以更改,代码图如下:
    在这里插入图片描述

    展开全文
  • 在springboot+vue框架中使用element的上传控价实现附件上传、下载,并结合openoffice实现附件的在线预览
  • 站长附件上传下载管理系统介绍 站长附件上传下载管理系统是一款PHP在线文件管理系统,全平台兼容性:Win(IIS Apache)、Linux(Apache) 支持中英文目录名及文件名。 初衷:让附件和主网站分离,支持上传,下载,分享...
  • java附件上传与下载

    2013-11-24 23:08:17
    java附件上传与下载
  • jquery实现多附件上传

    2013-12-30 15:52:02
    jquery实现单附件,多附件上传demo
  • JS+Jquery+Uploadify实现多附件的上传, 功能如下: 1.允许单、多附件上传; 2.显示上传进度; 3.上传完显示附件列表; 4.对附件列表中附件进行无刷新删除操作(删除数据库存储信息和文件)。
  • 实现多附件上传

    2013-12-30 15:50:25
    实现单附件,多附件上传,代码类demo,经典
  • 1、内含两个文件:①、UEditorDemo.rar ②、UEdtior的简单使用.doc;...5、最后一点是提示:如果要把UEditor使用在struts中,要重写web.xml中所有过滤.jsp或者.*的过滤器,不然上传图片和文件会失败。
  • 附件上传

    2012-07-29 15:24:55
    单按钮实现多附件上传(非异步,非flash,适用IE8)
  • JQ多附件上传

    2013-05-27 11:10:57
    JQuery多附件上传插件,能够实现多个附件同时上传,格式包括各种文档,视频,图片不限。
  • webservice接口一个或多个附件上传
  • 钉钉附件上传下载的示例代码,分享给需要的朋友! 本示例是用corpsecret和corpid来获取access_token的,现在钉钉接口改成用appKey和appSecret来获取token了,不过方法大同小异,换一下调用接口的地址和参数就可以...
  • Vue 实现附件上传

    千次阅读 2020-05-28 16:08:36
    Vue 附件上传示例前言前端部分HTMLJS工具类 JS 前言 前端 UI 是用的是 element-ui 的上传功能 本文主要记录下代码,方便下次复制粘贴 前端部分 HTML limit: 限制文件个数 1 个 on-remove: 移除附件时的钩子函数,...

    前言

    前端 UI 是用的是 element-ui 的上传功能

    本文主要记录下代码,方便下次复制粘贴

    前端部分

    HTML

    • limit: 限制文件个数 1 个
    • on-remove: 移除附件时的钩子函数,主要就 console 输出下
    • on-error: 用于处理上传异常后的处理,本人这主要用来关闭弹窗和全屏等待
    • file-list: 绑定附件
    • auto-upload: 禁止自动上传,true 的话选了文件就自动上传
    • http-request: 自定义上传文件请求方法,默认方法会与 mock 产生 XmlRequest 重新生成导致找不到文件问题,我注释了 mock 还是那样,没具体研究
    • action: 原上传文件的路径,由于使用了自定义上传文件请求,即 http-request,因此这个字段随便写就好,不写不行好像
    <el-upload
      ref="upload"
      :limit="fileLimit"
      :on-remove="handleRemove"
      :on-error="onError"
      :file-list="fileList"
      :auto-upload="false"
      :http-request="uploadFile"
      action="https://jsonplaceholder.typicode.com/posts/"
      class="upload-demo">
      <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
      <!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
      <div slot="tip" class="el-upload__tip">支持上传 {{ strRebuild(fileType) }} 格式,且不超过 {{ fileSize }}M</div>
    </el-upload>
    

    JS

    import { strRebuild, lastSubstring } from '@/utils/strUtil'
    import { message } from '@/utils/message'
    
    export default {
      data() {
        return {
      	  // 附件列表
          fileList: [],
          // 允许的文件类型
          fileType: ['xls', 'xlsx', 'pdf', 'doc', 'docx', 'txt', 'jpg', 'png', 'jpeg'],
          // 运行上传文件大小,单位 M
          fileSize: 10,
          // 附件数量限制
          fileLimit: 1,
        }
      },
      methods: {
        // 清空表单
        clear() {
        	// 清空附件
        	this.$refs.upload.clearFiles()
        },
        
        // 附件检查
        // 检查附件是否属于可上传类型
        // 检查附件是否超过限制大小
        checkFile() {
          var flag = true
          var tip = ''
          var files = this.$refs.upload.uploadFiles
          files.forEach(item => {
            // 文件过大
            if (this.size !== null && this.size !== '' && item.size > this.fileSize * 1024 * 1024) {
              flag = false
              tip = ' 文件超过' + this.fileSize + 'M'
            }
            // 文件类型不属于可上传的类型
            if (this.fileType !== null && this.fileType !== '' && !this.fileType.includes(lastSubstring(item.name, '.'))) {
              flag = false
              tip = ' 文件类型不可上传'
            }
          })
          if (!flag) {
            message('error', tip)
          }
          return flag
        },
        
        // 提交附件
        submitUpload() {
          if (this.checkFile()) {
            console.log('上传附件...')
            this.$refs.upload.submit()
          } else {
            console.log('取消上传')
          }
        },
    
    	// 自定义文件上传方法
        uploadFile(file) {
          // 把文件放入 FormData 进行提交
          const param = new FormData()
          param.append('files', file.file)
          uploadFile(param).then(response => {
            // TODO 一些关闭弹框,上传成功提示等
          })
        },
    
    	// 移除附件
        handleRemove(file, fileList) {
          console.log('移除附件...')
        },
    
        // 附件上传失败,打印下失败原因
        onError(err) {
          message('error', '附件上传失败')
          console.log(err)
        },
    
        // 字符串重组
        strRebuild(str) {
          return strRebuild(str)
        }
      }
    }
    

    工具类 JS

    strUtil.js

    // 字符串相关工具类
    // 数组根据分隔符重组为字符串
    export function strRebuild(arr, split) {
      if (arr === undefined || arr === null || !(arr instanceof Array) || arr.length === 0) {
        return ''
      }
      if (split === undefined || split === null) {
        split = ','
      }
      var str = ''
      arr.forEach((v, i) => {
        if (i === arr.length - 1) {
          str = str + v
        } else {
          str = str + v + split
        }
      })
      return str
    }
    
    // 截取最后一个特定字符后面的字符串
    export function lastSubstring(str, split) {
      if (str === undefined || str === null || split === undefined || split === null) {
        return ''
      }
      return str.substring(str.lastIndexOf(split) + 1)
    }
    
    

    message.js

    import { Message } from 'element-ui'
    
    // 提示封装 type 提示类型, msg 提示信息,duration 持续时间
    export function message(type, msg, duration) {
      Message({
        message: msg || 'success',
        type: type || 'success',
        duration: duration || 5 * 1000
      })
    }
    
    // 带删除键提示,duration 为 0 时,不会自动消失
    // 提示封装 type 提示类型, msg 提示信息,duration 持续时间
    export function messageShowClose(type, msg, duration) {
      Message({
        message: msg || 'success',
        type: type || 'success',
        duration: duration || 0,
        showClose: true
      })
    }
    
    

    API

    // 附件上传
    export function uploadFile(file) {
      return request({
        url: '/uploadFile',
        method: 'post',
        headers: {
          'Content-Type': 'multipart/form-data; charset=utf-8'
        },
        data: file
      })
    }
    

    后端接口

    /**
     * 单文件上传
     * @param files 接收文件要以数组接收
     * @return
     */
    @PostMapping(value="/uploadFile")
    public void uploadFile(@RequestBody MultipartFile[] files) {
        // TODO
    }
    
    展开全文
  • Lotus domino BS 多附件上传例子 Lotus domino jquery附件上传 经典完整例子,全部源码,使用在多个项目中,请放心下载。
  • 介绍了如何配置,才能实现附件上传的功能 文档中的附件上传配置是在maximo7.5中实现,对于此配置在maixmo7.1中也可以实现附件上传

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 82,229
精华内容 32,891
关键字:

附件上传

友情链接: applet1.zip