根据现有file对象生成新的file

最新推荐文章于 2025-06-11 09:00:20 发布

凌晨一点的鬼魂

最新推荐文章于 2025-06-11 09:00:20 发布

阅读量818

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/u014385641/article/details/82220102

前端专栏收录该内容

8 篇文章

订阅专栏

博主在项目中遇到APP嵌套H5页面，安卓端拍照上传多张图片时最后一张覆盖前面图片的问题。因相册选图正常，测试未发现问题就上线了。发包解决慢，前端调试发现拍照保存路径相同，通过重新生成文件对象解决了问题。

最近做了个项目，要求app里嵌套个H5页面，主要是图片的上传功能，不过在安卓上遇到了问题，由于采用的是一次性上传多张图片，但在安卓上拍照时，最后一张图片总会把前面的覆盖掉。相册选择图片没有问题，导致测试小哥没有测出来，app就匆匆上线了，发包解决太慢，还要等审核，然后就只能前端想办法处理，悲催。

经过调试发现，

fileObj = document.getElementById('idCard_' + i).files[0];

拍照后保存的图片路径是同一个，所以我从input[type=file]取到的文件永远是最后一张，所以就想到重新生成一个文件对象不就能解决了吗？于是有了这样一行代码，

flieArr[i] = new File([fileObj], new Date().getTime() + fileFormat)

成功解决，图片压缩什么的就不说了，网上太多了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

凌晨一点的鬼魂

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Python：使用 tempfile 生成临时文件和目录

我的博客，不一样的自我表达

04-27

2086

Python 拥有丰富的标准库集合来执行各种任务。在 Python 中，有一个名为tempfile 的模块允许我们创建和操作临时文件和目录。我们可以使用tempfile创建临时文件和目录，用于在程序执行过程中存放临时数据。该模块具有允许我们创建、读取和操作临时文件和目录的功能。在本文中，我们将回顾 tempfile 模块的基础知识，包括创建、读取和操作临时文件和目录，以及在我们完成它们后的清理。创建临时文件。

input类型为 file 的相关知识点总结和使用

qq_41067835的博客

03-25

5943

参与评论您还未登录，请先登录后发表或查看评论

js 根据已有File对象构造新的File对象

zona

08-04

1万+

js 根据以后File对象，创建新的File对象

将网页代码转换成微信小程序代码

RichardLau_Cx的博客

05-29

8541

如果你想要把你的网页代码转换成小程序代码，你有以下几种方法：

JavaScript教程：深入理解File和FileReader对象

gitblog_00131的博客

06-11

456

JavaScript教程：深入理解File和FileReader对象概述在现代Web开发中，处理文件是一个常见需求。JavaScript通过File API提供了强大的文件处理能力，其中File和FileReader是两个核心对象。本文将深入探讨这两个对象的功能和使用方法。 File对象详解 File对象继承自Blob对象，并扩展了与文件系统交互的能力。它包含了文件的元信息，如文件名、大小、类...

new Object和Object.create创建新对象时到底干了啥

祥哥的说

07-25

1605

new Object和Object.create到底干了啥 function Car () { this.color = "red"; } Car.prototype.sayHi=function(){ console.log('你好') }<br data-filtered="filtered">var car =new Car(); var car2 = Object...

FileGDB_API_1_5_1-64gcc51.tar.gz

12-03

可以创建新的要素类、添加、修改或删除要素，以及查询现有要素的属性和几何信息。 2. **事务管理**：在File Geodatabase中执行的操作可以被组织成事务，确保数据的一致性和完整性。如果在事务过程中发生错误，整个...

manager excel file base on jxl in android or java . 在Android或者java中生成和读取excel文件，基于jxl.zip

最新发布

08-22

在Android平台上使用JXL需要特别注意其兼容性，因为在较新的Android版本中，由于安全原因和包大小的限制，对某些旧库的支持可能会有变化或不再支持。本项目“Excel-Jxl-master”旨在演示如何在Android或者Java环境...

python 速度 write_videofile_moviepy音视频剪辑：使用VideoFileClip、AudioFileClip和write_videofile、write_audiofile...

weixin_39529914的博客

12-08

1765

一、概述在本地进行音视频处理时，首先要从视频文件进行音视频加载，最后要将处理结果输出到文件。本节介绍moviepy的音视频的加载和输出方法。二、视频加载2.1、视频加载方法要从视频文件中加载视频非常简单，使用VideoFileClip类的构造方法即可完成加载。其构造方法语法如下：__init__(self, filename, has_mask=False,audio=True, audio_bu...

通过URL地址获取网页生成jpg图片

07-31

通过网页url地址生成jpg图片，解决了32、64位运行环境问题

js前端读取文件内容

weixin_30287169的博客

05-23

2402

方法1：原生 <input type="file" name="file" id="file" onchange="jsReadFiles(this.files)"> //js 读取文件 function jsReadFiles(files) { var file = files[0]; var reader = new FileReader();/...

java创建新文件_Java创建新文件

从零开始的教程世界

07-21

6721

java创建新文件Creating a file is a very common IO operation. Today we will look into different ways to create a file in java. 创建文件是非常常见的IO操作。今天，我们将探讨在Java中创建文件的不同方法。 Java创建文件 (Java create file) There a...

jQuery实现对file对象的压缩

sqyNick

08-18

5599

在通过js对要上传图片进行压缩时，我利用的是html5中的canvas元素进行辅助，具体思路如下： var reader = new FileReader(); //files[0]对象是从input type=file中获取的file对象 reader.readAsDataURL(files[0]); //将file对象base64转码成功后进入 reader.

微信小程序中的表单验证机制

小海前端

12-09

3074

文章目录前言一、WxValidate类的构造函数1、参数rules2、参数messages3、创建WxValidate类的实例二、WxValidate的内置校验规则三、WxValidate的表单验证方法四、WxValidate类在小程序页面中的部署总结关于作者前言微信小程序中的表单要进行验证，可以使用第三方插件：WxValidate.js。该插件约有12.8KB左右，采用ES6中class类的方式进行编写，所定义的类名为WxValidate，并最终将该类导出。本文将详细讲解WxValidate.js插

上传数据时将其转为base64格式，支持图片视频

renkind的博客

10-31

7762

在上传时利用H5自带的FileReader将数据进行base64转码 function filechange(){ var img = event.target.files[0]; var reader = new FileReader(); var rs = reader.readAsDataURL(img); reader.onloa

关于input type=“file”的及其files对象的深层探究

热门推荐

lianzhang861的博客

05-11

11万+

我们都知道，html5中有个input type=file元素。用该元素可以实现页面上传文件的功能但一般的做法只是简单的在表单中操作，我来研究一下深层东西想要了解它，就要知道它的内置对象，files 页面上写一个input，然后选俩个图片，打印这个input对象 $("input[name='file1']").change( function(e){ console.log...

Java 将现有的inputstream对象写入file对象

03-18

<think>好的，用户想知道如何将Java中的InputStream对象写入File对象，我需要提供一个示例。首先，我应该回忆一下相关的Java I/O类和方法。记得Java中有几种方法可以实现这个功能。传统的方法是使用FileOutputStream，逐字节读取输入流然后写入文件，但这种方法效率可能不高。更高效的方式是使用BufferedInputStream和BufferedOutputStream，或者利用Java NIO的Files.copy方法。用户可能需要不同的实现方式，比如使用缓冲区，或者更简洁的代码。Apache Commons IO库的FileUtils.copyInputStreamToFile也是一个常用方法，但需要添加依赖库。不过用户可能希望不依赖第三方库，所以应该优先介绍标准库的方法。接下来，需要检查引用的资料。引用[2]提到了createFileFromInputStream方法，但可能用户需要自己实现类似的功能。引用[4]提到了InputStreamReader和BufferedReader，但这里是写入文件，所以可能更相关的是OutputStream。然后，分步骤说明不同的方法。例如，方法一使用Files.copy，这是Java 7+的NIO方法，简洁高效。方法二使用传统的循环读取，并提到使用byte数组缓冲区提升性能。方法三可以介绍Apache Commons IO的方法，但需注明需要第三方库。还需要注意异常处理和资源关闭，使用try-with-resources确保流被正确关闭，避免资源泄漏。在示例代码中展示正确的写法。用户可能遇到的问题包括文件路径的正确性、权限问题，或者大文件处理时的内存问题，可以简要提及这些注意事项。最后，生成相关问题，帮助用户进一步了解相关操作，比如处理大文件、转换Reader等。</think>要将Java中的`InputStream`对象写入`File`对象，可以通过以下方法实现： --- ### **方法1：使用Java NIO的`Files.copy`（推荐）** Java 7+提供了`Files.copy`方法，可直接将`InputStream`内容复制到文件： ```java import java.io.InputStream; import java.nio.file.Files; import java.nio.file.Path; import java.nio.file.StandardCopyOption; public class InputStreamToFile { public static void main(String[] args) { try (InputStream inputStream = /* 获取输入流，例如网络或文件 */) { Path targetPath = Path.of("output.txt"); Files.copy(inputStream, targetPath, StandardCopyOption.REPLACE_EXISTING); } catch (Exception e) { e.printStackTrace(); } } } ``` - **优点**：代码简洁，性能高效，自动管理资源[^5]。 - **注意**：需Java 7及以上版本支持。 --- ### **方法2：传统IO流逐字节复制** 使用`FileOutputStream`逐字节读取并写入文件： ```java import java.io.InputStream; import java.io.FileOutputStream; public class InputStreamToFile { public static void main(String[] args) { try (InputStream is = /* 输入流 */; FileOutputStream fos = new FileOutputStream("output.txt")) { int byteData; while ((byteData = is.read()) != -1) { fos.write(byteData); } } catch (Exception e) { e.printStackTrace(); } } } ``` - **缺点**：逐字节读写效率低，适用于小文件。 --- ### **方法3：使用缓冲区提升性能** 通过`BufferedInputStream`和`BufferedOutputStream`优化读写速度： ```java import java.io.*; public class InputStreamToFile { public static void main(String[] args) { try (InputStream is = new BufferedInputStream(/* 输入流 */); OutputStream os = new BufferedOutputStream(new FileOutputStream("output.txt"))) { byte[] buffer = new byte[1024]; int bytesRead; while ((bytesRead = is.read(buffer)) != -1) { os.write(buffer, 0, bytesRead); } } catch (Exception e) { e.printStackTrace(); } } } ``` - **优点**：通过缓冲区减少IO操作次数，适合大文件[^4]。 --- ### **方法4：使用Apache Commons IO（第三方库）** 若项目中已引入Apache Commons IO库，可用`FileUtils.copyInputStreamToFile`： ```java import org.apache.commons.io.FileUtils; import java.io.InputStream; public class InputStreamToFile { public static void main(String[] args) { try (InputStream is = /* 输入流 */) { FileUtils.copyInputStreamToFile(is, new File("output.txt")); } catch (Exception e) { e.printStackTrace(); } } } ``` - **优点**：代码最简洁，但需依赖第三方库[^2]。 --- ### **注意事项** 1. **资源关闭**：使用`try-with-resources`确保流自动关闭。 2. **异常处理**：捕获`IOException`并合理处理。 3. **大文件优化**：推荐使用缓冲区或`Files.copy`避免内存溢出。 ---