首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏终身学习者

    10个HTML文件上传技巧

    简介 上传文件功能可以说是项目经常出现的需求。从在社交媒体上上传照片到在求职网站上发布简历,文件上传无处不在。在本文中,我们将讨论 HTML文件上传支持的10种用法,希望对你有用。 1. 怎么上传目录上传? 我们可以上传整个目录吗?嗯,这是可能的,但有一些限制。 目前只有谷歌浏览器还有Microsoft Edge支持按照文件夹进行上传,具体可以看下百度云盘的网页版的上传按钮,在火狐下就支持按照文件进行上传,而在谷歌和Edge下,就会给用户提供一个下拉,让用户选择是根据文件进行上传还是根据文件夹进行上传 event.dataTransfer.files; }); 如果大家看到这里,有点激动,想手贱一下,可以 CodePen 玩玩,地址:https://codepen.io/atapas/pen... 10 原文:https://dev.to/atapas/10-usef...

    4.2K10发布于 2021-03-04
  • 来自专栏场景设计题

    如何快速上传10G文件

    如何快速上传10G文件关于10G大文件上传问题,我会从「前端优化-后端架构-网络优化-异常保障」四个维度来设计完整方案,核心思路是「化整为零+并行加速+断点续传+秒传兜底」,下面我详细说明核心架构总览( 一句话讲清)将10G大文件切片成N个小文件块,前端并发上传多个块,后端接收后暂存,全部上传完成后合并成完整文件;同时支持断点续传和秒传功能,解决网络中断和重复上传问题。 10GB10MB410MB/s~17分钟10GB10MB420MB/s~8.5分钟10GB10MB450MB/s~3.5分钟注:以上数据基于国内普通家庭宽带(100Mbps~500Mbps),实际速度取决于用户网络环境 我觉得10G的文件肯定不能一把梭发上去,核心就三个关键点:分片上传:把大文件切成5~10MB的小块,化整为零,失败只重传小块。断点续传:网络断了、浏览器关了,下次打开能接着传,不白干。 业务后端只负责鉴权,然后调用OSSSDK为每个分片生成一个有时效(比如10分钟)的PUT上传URL。

    19910编辑于 2026-09-20
  • 来自专栏web秀

    10行JavaScript代码完成图片的上传预览

    下面进入主题,用原生JS给撸个图片上传,预览的小示例,希望对大家有所帮助。 所以存库的时候不仅可以图片路径,还可以直接存base64(base64很占用数据库空间,文件越大,base64字符串越大) 优化 下面我们对上面示例做优化,可以上传多张图片并预览,美化界面。 ? ''; clear: both; } #img-pre img{ float: left; width: 100px; height: 100px; margin-right: 10px

    2.3K20发布于 2019-09-04
  • 来自专栏林德熙的博客

    win10 uwp 上传Nuget 让别人用我们的库

    当我们的库更新的时候,我们又需要从网上搜索,这样不好,于是我们就用Nuget,Nuget可以 让我们把我们做出来的东西发在网上让别人下载,需要搜索名称就可以下载,然后更新会通知 本文主要讲我们如何制作一个库上传 Nuget,让别人可以使用,做法很简单,先下载软件后制作,上传。 把我们信息写后打包 nuget pack smms.csproj 我们就把我们项目打包,接着我们看到文件夹有*.nupkg 修改项目地址 上传 首先有一个微软账号,登录 https://www.nuget.org www.nuget.org/account 复制,这个key是我的,你的应该和我不同 刚才复制的 发布 我们可以在https://www.nuget.org/account/Packages 我们上传包 ,如果还要上传,我们的version要比之前大 我们在 搜索不到,不过我们还是上传了 安装 Install-Package ID 安装完搜索就可以搜索到 参见:http://www.cnblogs.com

    85910编辑于 2022-08-09
  • 来自专栏seth-shi的专栏

    Go 上传一个10M的文件, 真的会用10M的内存吗?

    查阅了资料, 找到一篇鸟哥关联的PHP文件上传源码分析(RFC1867) 但也没有说明具体原因, 于是看了一下Go的文件上传的实现. , 取决于给定的maxMemory参数是否大于上传的文件大小(多个文件合计计算) 注意的是,表单参数值也受maxMemory限制,不过给了10M.意思是我们如果设置maxMemory=32M, 那么提交的 = nil { form.RemoveAll() } }() // Reserve an additional 10 MB for non-file parts. maxValueBytes := maxMemory + int64(10<<20) if maxValueBytes <= 0 { if maxMemory < 0 { maxValueBytes connReader{conn: c} c.bufr = newBufioReader(c.r) c.bufw = newBufioWriterSize(checkConnErrorWriter{c}, 4<<10

    84510编辑于 2023-12-18
  • 来自专栏程序猿声

    10分钟教你用eclipse上传代码到GitHub

    好久没有更新了,这两天小编在整理以前的代码,上传到GitHub做备份。 加上现在GitHub的私有仓库不是免费了嘛,所以今天顺便给大家讲讲怎么用eclipse上传代码到GitHub吧。 假如我们有一个HelloWorld的项目要上传到GitHub管理: ? 首先要做的是去GitHub上创建一个仓库,仓库名字最好和项目名字一样: ?

    99430发布于 2019-05-14
  • 来自专栏林德熙的博客

    win10 uwp 上传Nuget 让别人用我们的库 Nuget下载打包Nuget上传命令行使用Nuget

    当我们的库更新的时候,我们又需要从网上搜索,这样不好,于是我们就用Nuget,Nuget可以 让我们把我们做出来的东西发在网上让别人下载,需要搜索名称就可以下载,然后更新会通知 本文主要讲我们如何制作一个库上传 Nuget,让别人可以使用,做法很简单,先下载软件后制作,上传。 上传 首先有一个微软账号,登录 https://www.nuget.org 点击自己 https://www.nuget.org/account ? 复制,这个key是我的,你的应该和我不同 ? 发布 我们可以在https://www.nuget.org/account/Packages 我们上传包,如果还要上传,我们的version要比之前大 我们在 ? 搜索不到,不过我们还是上传了 安装 Install-Package ID ? 安装完搜索就可以搜索到 ?

    1.4K10发布于 2018-09-18
  • 来自专栏全栈技术

    项目之关于Summernote的图片处理和基于SpringMVC的文件上传(10)

    这是第2个问题', content: '我也不告诉你是什么问题……', tags: [ { id: 10 hits: '537', createdTimeText: '15小时之前', tagImage: '/img/tags/10 这是第2个问题', content: '我也不告诉你是什么问题……', tags: [ { id: 10 hits: '537', createdTimeText: '15小时之前', tagImage: '/img/tags/10 1M / 10M(根据SpringBoot版本不同存在差异)。

    1.5K20发布于 2021-08-23
  • 来自专栏终身学习者

    10个对web开发人员有用的HTML文件上传技巧

    简介 上传文件功能可以说是项目经常出现的需求。从在社交媒体上上传照片到在求职网站上发布简历,文件上传无处不在。在本文中,我们将讨论 HTML文件上传支持的10种用法,希望对你有用。 1. 单文件上传 我们可以将input 类型指定为file,以在Web应用程序中使用文件上传功能。 怎么上传目录上传? 我们可以上传整个目录吗?嗯,这是可能的,但有一些限制。 目前只有谷歌浏览器还有Microsoft Edge支持按照文件夹进行上传,具体可以看下百度云盘的网页版的上传按钮,在火狐下就支持按照文件进行上传,而在谷歌和Edge下,就会给用户提供一个下拉,让用户选择是根据文件进行上传还是根据文件夹进行上传 event.dataTransfer.files; }); 如果大家看到这里,有点激动,想手贱一下,可以 CodePen 玩玩,地址:https://codepen.io/atapas/pen... 10

    2K30发布于 2020-11-12
  • 来自专栏跟着飞哥学编程(全栈联盟社区)

    linux中远程服务器上传输文件的10个sftp命令示例

    你只能打开要在远程系统上传输或管理文件的特定 IP,反之亦然。 SSH session 1. 如何连接到 SFTP 默认情况下,使用相同的 SSH 协议进行身份验证和建立 SFTP 连接。 使用 sftp 上传文件 将单个或多个文件放在远程系统 ftp 服务器中。 使用 sftp 上传多个文件 将多个文件放在远程系统 ftp 服务器上。 sftp> mput *.xls 7. 使用 sftp 下载文件 在本地系统中获取单个或多个文件。 sftp> get SettlementReport_1-10th.xls Fetching /zhaoYanFei/SettlementReport_1-10th.xls to SettlementReport _1-10th.xls 在本地系统上获取多个文件。

    4.6K00编辑于 2024-05-24
  • 来自专栏数据科学与人工智能

    如何在Win10系统下使用Git把本地项目上传到Github?

    如何在Win10系统使用Git把本地项目上传到Github? 解决方案如下: 第一步:下载和本地安装Git 下载链接:https://git-scm.com/download/win ? 后续的操作,就是在项目里面不断增加新的内容,然后按着添加-提交-推送三个步骤,把项目上传到Github。 朋友们,关于如何把本地项目上传Github,有什么问题,请留言。

    2.1K50发布于 2021-04-02
  • 来自专栏入门小站

    linux中远程服务器上传输文件的10个sftp命令示例

    你只能打开要在远程系统上传输或管理文件的特定 IP,反之亦然。 SSH session 1. 如何连接到 SFTP 默认情况下,使用相同的 SSH 协议进行身份验证和建立 SFTP 连接。 使用 sftp 上传文件 将单个或多个文件放在远程系统 ftp 服务器中。 使用 sftp 上传多个文件 将多个文件放在远程系统 ftp 服务器上。 sftp> mput *.xls 6.1 使用 sftp 下载文件 在本地系统中获取单个或多个文件。 sftp> get SettlementReport_1-10th.xls Fetching /rumenz/SettlementReport_1-10th.xls to SettlementReport _1-10th.xls 在本地系统上获取多个文件。

    5K10编辑于 2022-06-02
  • 来自专栏solate 杂货铺

    大文件上传切片上传 vue java

    大文件上传 前端实现 使用vue+elementui进行前端开发, 实现在dialog中 带进度条的上传大文件页面 <el-form :model="ruleForm" ref="ruleForm" : prop="jar" :label-width="formLabelWidth"> <label slot="lable" style="font-weight: lighter">上传文件 primary" :disabled="fileButtonDisabled">选择应用包</el-button> <el-button style="margin-left: <em>10</em>px ; }, //<em>上传</em>文件 uploadFile() { let file = this.fileList[0] ? javascript之大文件分段<em>上传</em>、断点续传(一) SpringBoot+Vue.js前后端分离实现大文件分块<em>上传</em>

    7.8K22发布于 2020-06-18
  • 来自专栏web share

    拖拽上传图片,可以多张同时上传

    在HTML5中,使用DataTransfer对象中提供的方法,可以实现浏览器与其他应用程序之间文件的拖动。

    4.7K30发布于 2020-12-14
  • 来自专栏程序猿声

    10分钟教你用Visual Studio 2017将代码上传到GitHub

    今天给大家介绍一个比较实用的功能吧,把Visual Studio 2017里面写好的代码一键上传到GitHub。

    3.2K20发布于 2019-05-14
  • 来自专栏林德熙的博客

    win10 uwp 在 VisualStudio 打包测试完成自动上传到应用商店

    在 VisualStudio 2019 提供了在运行测试程序之后,自动将生成的包上传到合作伙伴应用商店。 我的应用运行一次自动测试需要半个钟,有这个功能我就不需要在电脑等待半个钟然后去网页上传包,而是可以让 VisualStudio 2019 自动在测试完成之后上传。 这两个属性在 VisualStudio 上传都用不到,所以随意写,例如写我的博客 下面的角色建议全选 点击保存 点击用户,可以看到刚才创建的应用,点击刚才创建的应用 记下 租户 ID 和 客户端 ID 到记事本 点击新密钥 将密钥复制到记事本 返回 VisualStudio 界面 输入刚才记事本记录的值点击确定,然后点击启动 Windows 应用程序认证包 这样就会在认证完成之后自动上传 在用户界面可以删除创建的应用

    87530编辑于 2022-08-12
  • 来自专栏林德熙的博客

    win10 uwp smms图床 进行HttpClient post参数错误win10 uwp post 上传文件所有代码

    本文,如何使用smms图床上传图片,用到win10 uwp post文件,因为我是渣渣,如果本文有错的,请和我说,在本文评论,或发给我邮箱,请不要发不良言论 找到一个很好的图床,sm.ms 可以简单使用 post上传文件,我就做了一个工具,可以把图片上传,使用只需要 //传入文件 smms.Model.Imageshack imageshack = new Imageshack() { File=File, }; //上传完成事件,其中str为sm.ms web[HttpClient.PostAsync(new](HttpClient.PostAsync(new ) Uri(url), [httpString);](httpString); ) win10 uwp post 上传文件 我们可以使用HttpMultipartFormDataContent上传 其中我们需要从文件转流,打开StorageFile,把它转换HttpStreamContent

    1.5K20发布于 2018-09-18
  • 来自专栏Java帮帮-微信公众号-技术文章全总结

    Java web图片上传和文件上传

    图片上传和文件上传本质上是一样的,图片本身也是文件。文件上传就是将图片上传到服务器,方式虽然有很多,但底层的实现都是文件的读写操作。 注意事项 1.form表单一定要写属性enctype="multipart/form-data" 2.为了能保证文件能上传成功file控件的name属性值要和你提交的控制层变量名一致, 例如空间名是file ; charset=utf-8"> <meta http-equiv="pragma" content="no-cache" /> <base target="_self"> <title>文件上传 ); sb.append(str.charAt(number)); } return sb.toString(); } } 除了单图上传还有多图上传 //上传文件名集合 private List<String> fileFileName; //上传文件内容类型集合 private

    5.7K70发布于 2018-03-15
  • 来自专栏开源部署

    上传文件

    1、文件上传的作用 例如网络硬盘!就是用来上传下载文件的。 往百度网盘上传一个文件就是文件上传。 2、文件上传对页面的要求 上传文件的要求比较多,需要记一下: 必须使用表单,而不能是超链接; 表单的method必须是POST,而不能是GET; 表单的enctype必须是multipart/form-data 首先我们要肯定一点,文件上传表单的数据也是被封装到request对象中的。 getInputStream():获取上传文件对应的输入流; void write(File):把上传的文件保存到指定文件中。 4.3、简单上传示例 写一个简单的上传示例: 表单包含一个用户名字段,以及一个文件字段; Servlet保存上传的文件到uploads目录,显示用户名,文件名,文件大小,文件类型。

    7.6K20编辑于 2022-09-14
  • 来自专栏look Java

    SpringBoot 整合文件上传 elment Ui 上传组件

    SpringBoot 整合文件上传 elment Ui 上传组件 本文章记录 自己学习使用 侵权必删! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>测试文件上传</title> <! : '#app', data: { // 图片的url imageUrl: '', }, methods: { //上传成功 handleAvatarSuccess(res) { // 上传的图片路径 this.imageUrl = res }, * @param urlFile 上传的文件 * @param request 请求 * @return */ @PostMapping("/upload

    1.1K10编辑于 2023-12-07
领券