file-upload 相关问题

将文件从客户端传输到服务器的方法或操作。

将上传的文件转换为文件

我正在使用 PrimeFaces 3.2,我应该在文件系统上存储一个文件。 现在,我知道 FileUploaded 类创建了一个临时文件,因此我可以使用 java.io.File 将其转换为真实文件。 这是我的

回答 5 投票 0

如何在asp.net中使用多个fileupload控件上传多个文件?

我有一个网页(.aspx),其中包含多个文件上传控件。 默认.aspx 我有一个网页(.aspx),其中包含多个FileUpload控件。 默认.aspx <asp:FileUpload ID="FileUploadPort" runat="server" CssClass="Upload" Multiple="Multiple"/> <asp:FileUpload ID="FileUploadSearchImages" runat="server" CssClass="Upload" Multiple="Multiple"/> 默认.aspx.cs protected void btnSubmit_Click(object sender, EventArgs e) { string filenm = string.Empty; HttpFileCollection fileCollection = Request.Files; for (int i = 0; i < fileCollection.Count; i++) { HttpPostedFile uploadfile = fileCollection[i]; if (uploadfile.ContentLength > 0) { string filename = uploadfile.FileName; string imgFolder = ConfigurationManager.AppSettings["AdminSearchImgFolderPath"]; System.Drawing.Image image = System.Drawing.Image.FromStream(uploadfile.InputStream); image.Save(imgFolder + "\\" + GetSearchImageFileName("TEST"), ImageFormat.Jpeg); } } } 在这里,Request.Files将集中获取来自FileUploadControls的所有文件。 我无法识别哪些文件来自特定的 FileUpload 控件? 我知道 4.5 是可能的,但我当前的框架是 4.0,我不想升级到 4.5。有没有使用现有4.0框架的解决方案?? 帮助表示赞赏! 请注意:这不是重复的问题,因为我的要求是在单个页面上上传并识别不同文件上传控件的文件。 您可以添加扩展方法以获得与 .Net 4.5 相同的效果,如本答案所示: https://stackoverflow.com/a/30360786 [注意:我无法发表评论,这就是我将此作为答案发布的原因]

回答 1 投票 0

Formidable 返回 TypeError,ERR_INVALID_ARG_TYPE:“path”参数未定义

我在使用 formidable 上传文件时遇到问题。我在 Windows Server 2016 上。 我的代码完整如下所示,基于 https://www.geeksforgeeks.org/how-to-upload-file-using-

回答 3 投票 0

如何从相机捕获图像并上传到 Firebase

我正在尝试用相机拍照并将其上传到 Firebase。我正在使用 AlertDialog 询问用户是否要使用相机或从图库中选择图像。我可以和...一起拍照

回答 3 投票 0

上传大文件nodejs multer时出现ERR_CONNECTION_RESET

我正在编写一个网络应用程序,允许用户上传非常大的文件(最多 GB)。我的技术栈包括:nodejs、express、multer和纯html。它适用于小文件。但当我上传...

回答 2 投票 0

如何在多个文件夹中上传相同的图像Nodejs multer

如何同时上传不同文件夹中的同一张图片? 我在下面进行了尝试,但没有成功,但是当上传到一个文件夹中时,它会起作用。 var multer = require('multer'); const 存储 = multer。

回答 3 投票 0

在android flutter上记录文件m4a没有上传到后端

所以我试图将文件(png、pdf等)上传到后端端点,它适用于Android和iOS,并且应用程序中有一个记录器,当我尝试使用...上传m4a文件时,它会返回m4a文件...

回答 1 投票 0

如何上传多张图片到imgbb并通过响应获取链接?

我正在通过react-form-hooks获取表单数据 我正在通过react-form-hooks获取表单数据 <div> <input multiple {...register("img", { required: "Image is Required", })} type="file" className="file-input file-input-bordered file-input-error w-full" /> </div> 但是我无法将多个图像文件附加到 formData 并将我发送到 imgBB 来获取图像 URL const { register, handleSubmit, formState: { errors }, } = useForm(); const handlePostAd = (data) => { const image = data.img; const formData = new FormData(); for (let i = 0; i < image.length; i++) { formData.append(`image${i}`, image[i]); } const url = `https://api.imgbb.com/1/upload?key=${process.env.REACT_APP_imgbb_key}`; fetch(url, { method: "POST", body: formData, }) .then((res) => res.json()) .then((imgData) => { toast.success("Image uploaded"); console.log(imgData); }); }; 我期待通过文件输入上传到 imgBB 的图像 URL 链接数组 我也在尝试做同样的事情,这是你的解决方案 创建此组件,以验证并上传图片到imgBB import sendAlert from "./sendAlert"; import uploadImage from "./uploadImage"; import { v4 as uuidv4 } from 'uuid'; const validateAndUpload = async (imageFiles) => { const uploadPromises = []; for (let i = 0; i < imageFiles.length; i++) { const imageFile = imageFiles[i]; if (!imageFile) { continue; // Skip empty or undefined files } if (!imageFile.type.startsWith('image/')) { sendAlert(`Invalid image file (${i + 1}): Please select a valid image file.`, "error"); } else if (imageFile.size > process.env.REACT_APP_MAX_IMAGE_SIZE_IN_BYTES) { sendAlert(`Image file (${i + 1}) size exceeds the allowed limit.`, "error"); } else { const uploadPromise = (async () => { try { const data = await uploadImage(imageFile); const img = new Image(); img.src = data.imageUrl; await new Promise((resolve) => (img.onload = resolve)); return { src: data.imageUrl, key: uuidv4() }; } catch (error) { throw new Error(`Failed to upload image (${i + 1})`); } })(); uploadPromises.push(uploadPromise); } } try { const updatedArray = await Promise.all(uploadPromises); return updatedArray; } catch (error) { sendAlert(error.message, "error"); return []; } }; export default validateAndUpload 对于 uploadImage() 函数使用这个 import axios from "axios"; import sendAlert from "./sendAlert"; const uploadImage = async (img) => { try { let myApiKey = process.env.REACT_APP_IMGBB_API_KEY let formData = new FormData() formData.append('image', img) const { data } = await axios.post(`https://api.imgbb.com/1/upload? key=${myApiKey}`,formData) let imageUrl = data.data.display_url let deleteUrl = data.data.delete_url return {imageUrl,deleteUrl } } catch (error) { sendAlert(error, "error") return null } }; export default uploadImage 这就是如何使用 validateAndUpload 函数 const register = async (e) => { const imageFiles = e.target.files; let updatedArrayToBeSubmit = [...imagesArray]; setImageLoading(true) await validateAndUpload(imageFiles).then((imgObjs) => { updatedArrayToBeSubmit = [...updatedArrayToBeSubmit, ...imgObjs]; }) .catch((error) => { sendAlert("Image upload and processing failed:", "error") }); setImagesArray(updatedArrayToBeSubmit); };

回答 1 投票 0

Django 管理文件上传按钮不可点击 - 在 CHROME 中

更新 - 目前它可以在 Safari 中运行,但不能在 Chrome 中运行。 我正在构建一个应用程序,并且图像上传部分之前可以工作,但是,在项目中两周后,由于某种原因,上传文件...

回答 3 投票 0

Django Test 模拟 ImageField 阻止测试后上传或清理

我正在为我的项目开发一个测试用例,涉及一些图像和文件字段。有些对象加载了固定装置,有些对象是在测试期间创建的。我用

回答 2 投票 0

将图像上传到 Firebase 存储并将 URL 从存储获取到用户数据库。但 photoURL 覆盖了用户数据库中的所有内容

我尝试将图像上传到个人资料页面。我成功地将图像上传到存储并获取了 photoURL 和更新的用户数据库。但我提交后只有 photoURL 和其他用户数据,例如 user...

回答 1 投票 0

如何将 MemoryStream 从 Blazor Webassemble 应用程序发送到 .NET API 端点?

我的 Blazor WASM 应用程序中有一个组件,它从用户那里获取签名并将其设为 png 文件。我从 JavaScript 组件获取字节并创建 MemoryStream。但当我把它发送到...

回答 1 投票 0

点击按钮时FileUpload总是返回空值

我有这个带有 FileUpload 元素的页面。但是当我尝试获取后面代码中的值时,它总是返回“NULL”值。它只发生在一页中。其他页面完美...

回答 1 投票 0

HttpContext 请求文件计数即将为零

我正在尝试从用户那里获取图片并将其上传到我的应用程序中的文件夹中。但是,我的 Web API 中的文件计数为零。因此,我无法将其上传到该文件夹。 我是

回答 1 投票 0

如何将 .rvt (revit) 文件上传到 Wordpress?

我有一个客户希望允许他的用户从他的网站下载 .rvt (revit) 文件。我需要找到一种方法来将该文件类型上传到 Wordpress。 我添加了以下内容来增加我的乐趣......

回答 1 投票 0

Selenium 自动化上传文件问题

在调试时我发现我的测试由于卸载文件而失败。 我尝试了许多不同的定位器并检查了上传文件的绝对路径,但它只是不想上传...

回答 1 投票 0

使用 fetch 发送时 Blob/File 为空

我在 React Native 应用程序中使用 expo-camera 来拍摄图像,它以字符串形式返回图像位置。然后我获取这个字符串并尝试将其上传到 laravel php 后端: const uploadImage = as...

回答 1 投票 0

如何从 React 前端将文件上传到 AWS S3 存储桶

您好,我正在尝试从我的 React 前端上传图像,但它无法读取 axios 中的文件,并且图像未上传。 这是我的代码。 < 您好,我正在尝试从我的 React 前端上传图像,但它无法读取 axios 中的文件,并且图像未上传。 这是我的代码。 <form onSubmit={Upload}> <input type='file' onChange={(e) => { generate(e.target.files); }} /> <button type='submit'>Submit</button> </form> const generate = async (data) => { const payload = { entity: 'test', userId: '200', documentFileName: data[0].name, action: 'putObject', }; console.log('DAATA', data[0].name); await api .generatePreSignedUrl(payload, token) .then((res) => { setUploadUrl(res.data.data); setImageData(data); }) .catch((err) => { console.log('Error', err); }); }; const Upload = async (e) => { e.preventDefault(); console.log('IMAGEdata', imageData); console.log('URL', uploadUrl); let file = imageData[0]; console.log('THIS IS FILE', file); console.log('FILENAME', file.name); console.log('FIELETYPE', file.type); var options = { headers: { 'Content-Type': file.type, }, }; await axios .put(uploadUrl, file, options) .then((res) => { console.log('Response from s3'); console.log(res); }) .catch((error) => { alert('ERROR ' + JSON.stringify(error)); }); }; 这里 imageUrl 是我用来上传文件的签名 URL。我成功地调用了 put 请求来上传文件,但图像或文件没有被读取和上传。 这是我尝试查看上传的文件时的响应。 This XML file does not appear to have any style information associated with it. The document tree is shown below. <Error> <Code>NoSuchKey</Code> <Message>The specified key does not exist.</Message> <Key>documents/ama/test/200/displaypicture.png</Key> <RequestId>R7M63AHQKDNC6NH5</RequestId> <HostId>3u8Jb8Ev4S1s/ODicL3Py4hvrvwKKOs/5zGxUEDYORfN1+U37Zx8PfYvIcGWUIAfeCqHpWqXd8o=</HostId> </Error> 查看 AWS SDK for JavaScript 开发人员指南版本 3。其中有示例演示如何将照片上传到 Amazon S3 存储桶。 从浏览器将照片上传到 Amazon S3 使用此节点模块实现此目的的一种非常简单的方法: https://www.npmjs.com/package/react-aws-s3 https://medium.com/@steven_creates/uploading-files-to-s3-using-react-js-hooks-react-aws-s3-c4c0684f38b3 npm install --保存react-aws-s3 用户“ aws-sdk ”并使用此代码 import React ,{useState} from 'react'; import AWS from 'aws-sdk' const S3_BUCKET ='YOUR_BUCKET_NAME_HERE'; const REGION ='YOUR_DESIRED_REGION_HERE'; AWS.config.update({ accessKeyId: 'YOUR_ACCESS_KEY_HERE', secretAccessKey: 'YOUR_SECRET_ACCESS_KEY_HERE' }) const myBucket = new AWS.S3({ params: { Bucket: S3_BUCKET}, region: REGION, }) const UploadImageToS3WithNativeSdk = () => { const [progress , setProgress] = useState(0); const [selectedFile, setSelectedFile] = useState(null); const handleFileInput = (e) => { setSelectedFile(e.target.files[0]); } const uploadFile = (file) => { const params = { ACL: 'public-read', Body: file, Bucket: S3_BUCKET, Key: file.name }; myBucket.putObject(params) .on('httpUploadProgress', (evt) => { setProgress(Math.round((evt.loaded / evt.total) * 100)) }) .send((err) => { if (err) console.log(err) }) } return <div> <div>Native SDK File Upload Progress is {progress}%</div> <input type="file" onChange={handleFileInput}/> <button onClick={() => uploadFile(selectedFile)}> Upload to S3</button> </div> } export default UploadImageToS3WithNativeSdk;

回答 3 投票 0

为什么我在 Nginx 中看到错误:413“请求实体太大”?

我在下载大图像(大约超过 2 megabats)时遇到问题。 POST https://apis.mysite.com/apis/auth/ads net::ERR_FAILED 413(有效负载太大) 我不知道是什么问题...

回答 1 投票 0

Java Http 客户端通过 POST 上传文件

我正在开发一个 J2ME 客户端,它必须使用 HTTP 将文件上传到 Servlet。 servlet 部分使用 Apache Commons FileUpload 进行覆盖 protected void doPost(HttpServletRequest 请求,

回答 6 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.