附件的上传及保存

附件的上传及保存

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术:Visual Studio 2015、附件的上传及保存

作者: 梁柏源

撰写时间:2019/5/7

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

一般在网页上都能下载一些文件以及图片什么的,其实我们下载的是附件;所以今天分享的是如何保存附件信息,提供别人下载。

至于如何上传和保存附件就是今天要分享的题材啦:

上传附件成功后还不行,还要避免上传成功后去掉value 时再次触发上传;而且上传文件一定要用POST方式提交,并且上传图片的大小都不能超过20M,避免无法连续上传相同文件的问题(onchange事件的原因),还要清除掉当前的值

 

上传附件:

  function uploading () {

避免上传成功后去掉value 时再次触发上传:

            if ($('#getloading').val() == "" || $('#getloading').val() == undefined) {

                return;

            }        

            var files = $('#getloading').prop("files");   //获取选择的文件

             if (files.length > 0)                 

                if (files[0].size <= 20 * 1024 * 1024) {

//判断文件大小--文件限制20M,一般图片的大小都不能超过20M。

               

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
检测指定目录是否存在, 检测指定文件是否存在, 如果存在则返回true, 获取指定目录中所有文件列表,获取指定目录中所有子目录列表, 取指定目录及子目录中所有文件列表, 指定目录的绝对路径,检测指定目录是否为空, 检测指定目录中是否存在指定的文件, 若要搜索子目录请使用重载方法., 检测指定目录中是否存在指定的文件, 创建目录, 删除目录, 创建文件, 移动文件(剪贴--粘贴), 复制文件, 根据时间得到目录名 / 格式:yyyyMMdd 或者 HHmmssff, 根据时间得到文件名HHmmssff, 根据时间获取指定路径的 后缀名的 的所有文件, 复制文件夹,检查文件, 如果文件不存在则创建, 删除指定文件夹对应其他文件夹里的文件, 从文件的绝对路径中获取文件名( 包含扩展名 ), 复制文件参考方法,页面中引用, 创建一个目录, 创建一个文件, 并将字节流写入文件, 获取文本文件的行数, 获取一个文件的长度, 单位为Byte, 获取文件大小并以B,KB,GB,TB, 获取指定目录中的子目录列表, 向文本文件写入内容, 向文本文件的尾部追加内容, 将现有文件的内容复制到新文件中, 将文件移动到指定目录, 从文件的绝对路径中获取文件名( 不包含扩展名 ), 从文件的绝对路径中获取扩展名 以上每一行为一个方法, 例子如下: #region 清空指定目录 /// /// 清空指定目录下所有文件及子目录,但该目录依然保存. /// /// 指定目录的绝对路径 public static void ClearDirectory(string directoryPath) { directoryPath = HttpContext.Current.Server.MapPath(directoryPath); if (IsExistDirectory(directoryPath)) { //删除目录中所有的文件 string[] fileNames = GetFileNames(directoryPath); for (int i = 0; i < fileNames.Length; i++) { DeleteFile(fileNames[i]); } //删除目录中所有的子目录 string[] directoryNames = GetDirectories(directoryPath); for (int i = 0; i < directoryNames.Length; i++) { DeleteDirectory(directoryNames[i]); } } } #endregion #region 清空文件内容 /// /// 清空文件内容 /// /// 文件的绝对路径 public static void ClearFile(string filePath) { //删除文件 File.Delete(filePath); //重新创建该文件 CreateFile(filePath); } #endregion #region 删除指定目录 /// /// 删除指定目录及其所有子目录 /// /// 指定
在Vue中实现上传附件(例如Excel文件),你可以按照以下步骤进行操作: 1. 在Vue组件的模板中,添加一个文件上传的`<input>`元素: ```html <template> <div> <input type="file" @change="handleFileUpload" /> </div> </template> ``` 2. 在Vue组件的`data`中定义一个变量来存储上传的文件: ```javascript export default { data() { return { file: null }; }, methods: { handleFileUpload(event) { this.file = event.target.files[0]; } } }; ``` 3. 在Vue组件的方法中,使用`FormData`对象来构建上传请求,并通过`axios`或其他HTTP库将文件发送到服务器: ```javascript import axios from 'axios'; export default { // ... methods: { handleFileUpload(event) { this.file = event.target.files[0]; let formData = new FormData(); formData.append('file', this.file); axios.post('/api/upload', formData) .then(response => { // 处理上传成功的响应 }) .catch(error => { // 处理上传失败的错误 }); } } }; ``` 4. 在后端服务器中,接收并处理文件上传请求。具体的方法取决于你使用的后端技术栈。例如,使用Node.js和Express框架,你可以这样处理上传请求: ```javascript const express = require('express'); const app = express(); const multer = require('multer'); // 创建一个Multer实例,指定上传文件的保存目录和文件名 const storage = multer.diskStorage({ destination: function (req, file, cb) { cb(null, 'uploads/'); }, filename: function (req, file, cb) { cb(null, file.originalname); } }); const upload = multer({ storage: storage }); // 处理文件上传请求的路由 app.post('/api/upload', upload.single('file'), (req, res) => { // 在这里处理上传的文件 res.sendStatus(200); }); app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 上述代码中,上传的文件会保存在`uploads/`目录下,并保留原始文件名。你可以根据实际需求调整保存目录和文件名的逻辑。 这样,你就可以在Vue中实现上传附件(Excel文件)的功能了。记得根据你的实际情况进行相应的调整和错误处理。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值