save-image 相关问题

如何在不重新加载页面的情况下发送带有文件的表单？

我尝试在ajax中发送表单而不重新加载页面，但我看到，文件上的链接不存在...... 我有下一个表格：我尝试在ajax中发送表单而不重新加载页面，但我看到，文件上的链接不存在... 我有下一个表格： <form id="settings" method="POST" enctype="multipart/form-data"> ... <input type="file" id="logo" style="display:none;" name="logo" accept="image/png, image/jpeg, image/gif"> <button type="submit" id="send" class="btn btn-primary">save</button> </form> Ajax 脚本： $('#settings').submit(function(e){ e.preventDefault(); var form = $(this).serialize(); alert(form); // file is not attached... $.ajax({ url : '/settings', type : 'POST', crossDomain : false, data : form, contentType : 'multipart/form-data', dataType : 'json', progressData: false, cache : false, success : function(r){ alert (111); } }).fail(function(){ console.log('Error occured!'); }); }); 在服务器端，我收到错误： org.apache.tomcat.util.http.fileupload.FileUploadException：请求被拒绝，因为未找到多部分边界我尝试不序列化表单，而是写了 data : form -> data : new FormData(this) 此选项会导致错误“非法调用”。如何在不重新加载页面的情况下发送带有文件的表单？要使用 AJAX 发送带有文件的表单而不重新加载页面，您需要使用 FormData 来正确处理文件上传。 <form id="settings" method="POST" enctype="multipart/form-data">  <input type="file" id="logo" name="logo" accept="image/png, image/jpeg, image/gif"> <button type="submit" id="send" class="btn btn-primary">Save</button> </form> $(document).ready(function() { $('#settings').submit(function(e){ e.preventDefault(); var formData = new FormData(this); $.ajax({ url: '/settings', type: 'POST', data: formData, contentType: false, processData: false, cache: false, success: function(response){ alert('Form submitted successfully!'); // Handle the response from the server }, error: function(){ console.log('Error occurred!'); } }); }); });

调用 save() 时出现“SQLServerException：语句已关闭”，但 save() 有效

我有一个 Spring Boot 应用程序和一个存储库，如果我调用 save() 方法，保存会起作用，但我仍然得到 com.microsoft.sqlserver.jdbc.SQLServerException: 该语句已关闭。例外...

使用 qr-image 生成 Wi-Fi QRCode

npm 模块 qr-image 允许使用 NodeJS 生成 QRCode，如下所示：从“qr-image”导入 qr；从 'fs' 导入 fs； qr.image('https://google.com/search?q=hello%20world!', {type:'...

从 tar 中删除文件 - 奇怪的行为

我想在加载之前更新 tar 中的图像标签（这是要求）。例如我拉高山：最新： docker pull alpine:最新 docker save alpine:latest -o alpine.tar tar -tf alpine.tar 显示...

使用PIL将RGBA PNG转换为RGB

我正在使用 PIL 将通过 Django 上传的透明 PNG 图像转换为 JPG 文件。输出看起来损坏了。源文件代码 Image.open(object.logo.path).save('/tmp/output.jpg', 'JPEG') 或者我...

在vim中如何将“保存”映射到ctrl-s

在vim中，如何将“save”（:w）映射到ctrl-s。我正在尝试“映射”该命令，但是当我按 ctrl-s 时 xterm 冻结。如果我按 ctrl-v,ctrl-s 仍然只能看到 ^，而不是 ^S。

使用批处理脚本重命名多个文件

我有很多这种格式的文件： D:\images\AAA_BBB\image\whatever1.jpg D:\images\AAA_BBB\image\whatever2.jpg D:\images\FFF_EEE_CCC\图像 sdf1.jpg D:\images\FFF_EEE_CCC\图像 sdf2.jpg D：\我...

nuxt 3 中的 nuxt/image 模块导致生产出现问题

使用 Nuxt/Image 模块并构建应用程序时，图像 URL 将更改为 https://domain.x/_ipx/_/images/foods/Appetizaer/Garlic-Bread.png。然而，图像不能被看...

Python 类型：“...”的签名与带有 kwags 的超类型“...”不兼容

我正在尝试向一些我想从库中覆盖的方法添加类型提示（在我的例子中是 djangos save() 方法）。为此，我想在我的实现中使用 **kwargs，因为我不相信......

无法访问“<init>”：它在“Image”中是包私有的

Android studio，我想用内置方法“Image”发布一个简单的图像。编译器抛出了我在标题中发布的内容。我正在尝试不同的图像选项和 ImageView 没有

从react-native-image-crop-picker录制视频在android 13 - Tab（三星Galaxy Tab A8）中不起作用

我在我的react-native应用程序中使用react-native-image-crop-picker并从Android中的相机录制视频它正在返回[错误：用户取消了图像选择] 笔记：它正在工作...

一个js函数调用多个html canvas的draw和drawImage方法可以保存到单个Image对象中吗？

一个js函数调用多个html canvas的draw和drawImage方法可以保存到单个Image对象中吗？一直在寻找一种方法来做到这一点。我正在考虑利用 html canvas cli...

canvas drawImage() 渲染 Font Awesome 图标

我需要使用画布drawImage()渲染字体很棒的图像。 drawImage 接受图像参数： https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage#image 一个元素...

React-Pixi 入口/react-pixi 中的屏蔽

我用于精灵的图像比所需的大得多（910px）。我需要动态更改容器的高度，遮盖图像。有谁知道如何做到这一点？我用于精灵的图像比所需的大得多（910 像素）。我需要动态更改容器的高度，遮盖图像。有人知道该怎么做吗？ <Container x={x} y={y} width={width} height={height}> <Sprite image={image} anchor={[0, 0]} x={0} y={0} width={width} height={910} rotation={0} /> </Container> @inlet/react-pixi: "^1.1.9" pixi.js: "^5.2.0" react: "^16.12.0" react-dom: "^16.12.0" 不幸的是，这也不起作用，因为纹理保持静态，而矩形四处移动 <Graphics draw={(g) => { g.clear() const texture = new PIXI.Texture.from(image) g.beginTextureFill(texture) g.drawRect(x, y, width, height) g.endFill() }} /> 试试这个： const maskRef = useRef() <Container mask={maskRef?.current} x={x} y={y} width={width} height={height}> <Graphics name="mask" draw={React.useCallback( (g) => { g.beginFill(0x000000) g.drawRect(0, 0, size.width + 3, size.height + 3) g.endFill() }, [width, height] )} ref={maskRef} /> <Sprite image={image} anchor={[0, 0]} x={0} y={0} width={width} height={910} rotation={0} /> </Container> 官方文档位于此处，解释其工作原理和局限性

org.apache.commons.logging.LogFactory 在构建时无意中初始化了

我正在使用 GraalVM 21、JDK 21、Ubuntu 22.04 LTS # 在 Ubuntu 22.04 操作系统 (WSL 2) 上 chmod +x mvnw ./mvnw -Pnative spring-boot:build-image 日志 [信息] [创建者] - '-H:+

为什么Python的Tkinter Image函数无法定位PNG文件？

回溯（最近一次调用最后一次）：文件“c:\Users\####\Desktop\Python_Demo_Projects\Quiz_Program\problematic.py”，第 51 行，位于上一张幻灯片（）文件“c:\Users\#...

jq 如何获取特定孩子的所有父母

您好，我有以下 json 并尝试获取所有拥有“linux-image-amd64”的父母 { "web-prode-01.example.de": "错误：安装软件包时遇到问题。

jq 如何获取特定孩子的所有父母

您好，我有以下 json 并尝试获取所有拥有“linux-image-amd64”的父母 { "web-prode-01.example.de": "错误：安装软件包时遇到问题。

Astro.js <Image>组件问题

我正在使用 Astro (v.4.0.8) 开发一个应用程序，我遇到了一个无法解决的问题。我想渲染图像并导入特定的 svg 以及来自 '... 的

无法在 Next JS 中显示来自 FastAPI 的 blob 图像

所以我有自己的使用 FastAPI 构建的 API，它返回一个图像返回响应（内容= img_byte_arr.getvalue（），media_type =“image / jpeg”） FastAPI Swagger 中一切正常...

使用 CLI 导入 Apache Superset 问题

我正在使用 docker image 运行 apache superset 实例，UI 工作正常，我已成功创建数据源和仪表板，然后将其导出为 zip 文件。我的问题是每当我尝试...

React Native 展会图像缓存键功能

我正在尝试将 expo-image 包与预签名的 S3 图像一起使用。但是，即使我之前已经加载过图像，加载图像也需要几秒钟的时间。由于...

Docker Image 不会在 Azure DevOps 中构建，但会在 Visual Studio 2022 中构建

这是我使用 Visual Studio 2022 创建的 dockerfile： #请参阅 https://aka.ms/customizecontainer 了解如何自定义调试容器以及 Visual Studio 如何使用此 Dockerfile 来构建...

如何为与其容器比例不同的图像创建平移和缩放效果？

我有以下简单的代码来平移和缩放图像（从[此处]稍作修改：（https://www.cssscript.com/image-zoom-hover-effect/）函数 imageZoom(容器, img) { 反对...

jquery 滚动到 data-image-id

我无法在包含各种图像的 div 容器上设置 id，但想要创建一个带有指向图库各个部分的跳转链接的导航。在我的图像上设置的一个元素

GStreamer。如何更改v4l2src图像分辨率？

有管道： v4l2src ！解码器！队列！视频转换！ xv图像接收器启动 v4l2src 后，发现许多具有媒体类型 image/jpeg 和不同图像分辨率的大写字母。 v4l2src 选择第一个...

使用 MLKit 进行图像到位图转换返回 null

我在 Android 中，正在尝试将 Image 类型的对象转换为 Bitmap，以便将其附加到 Canvas 对象（Canvas 需要位图）。我转换为 InputImage，然后尝试从中获取位图。但是

致命错误C1034：stdio.h：未指定包含文件的搜索路径。 GraalVM Native Image 没有编译我的项目

GraalVM 没有编译我的项目，我尝试了以下方法： PS D:\Documents\Intellij Idea Projects\Project> ./gradlew.bat nativeRun 配置项目：项目：=>“com.user.Project”Java 模块任务：

如何缩放.png？

我正在制作一个网站，但我的徽标是 PNG 格式，因为它是像素艺术。我正在使用 CSS 行 image-rendering: Pixelated;在我的徽标图像上，但我还没有看到它在某些情况下是可靠的。 SVG

如何从与调用者相同的分支触发依赖工作流

假设我有一个这样的工作流程文件：名称：部署映像在：工作流程_运行：工作流程：[“构建图像”] 类型： - 完全的因此，当 build-image 完成后，deploy-i...

如何使用谷歌图表API在QR码中插入图像？

我正在使用谷歌图表API生成QR码，如何在Image中插入图像。我现在得到的二维码是，在此输入图像描述我想要什么二维码，在此输入图像描述可以

react Native expo go 在 uvicorn https 后无法连接到本地主机

我正在编写一个带有 fastapi 后端的 React Native expo go 应用程序。这是一个教育应用程序，所以它有图像、视频和 pdf 等。 React Native Image 组件未在 ios 模拟器上加载图像，我...

如何防止图片被下载到手机上？

假设这个标记：假设这个标记： <picture> <source media="(max-width: 767px)" srcset="//placehold.it/350x150&text=Up+to+767" /> <source media="(max-width: 991px)" srcset="//placehold.it/350x150&text=Up+to+991" /> <img src="//placehold.it/570x200&text=Desktop+image" class="responsive-image" /> </picture> 是否可以在不使用 JavaScript 的情况下防止在小型设备上下载“最多 767”图像？虽然以下CSS将隐藏图像，并且似乎已经在视觉上解决了问题： @media (max-width: 767px) { .responsive-image { display: none; } } 它仍然会下载图像，这是我想避免的。我希望我可以简单地为我想要隐藏的图像提供一个空的 srcset 属性，但随后会加载下一个图像。小提琴：https://jsfiddle.net/n68ousqu/ 我没有足够的声誉点来评论@MiscellaneousUser，但看来，至少在 Chrome 中，您可以从我原来的帖子中获取 HTML 和 CSS，然后只需将 loading="lazy" 添加到 img 元素即可获得这个工作。

在浏览器中创建卸载模拟图像的 URL 以模拟实际加载

简而言之，我想在浏览器中创建一个lazy-loaded-mock-image-src-url。这是为了模拟图像的加载，看看它是如何加载的。这就是我希望流程如何工作的方式

Vue.js v-for 不渲染图像

我正在尝试使用 v-for 渲染四个图像，范围为 1 到 4。 v-for="n in 4" :key"n" 但是，使用 'n' 作为 src 的一部分不起作用。为什么？我正在尝试使用 v-for 渲染四个图像，范围为 1 到 4。 v-for="n in 4" :key"n" 但是，使用 'n' 作为 src 的一部分不起作用。为什么？ <div v-for="n in 4" :key="n"> <img :src="`../assets/images/image-product-${n}-thumbnail.jpg`" class="rounded-xl h-16 w-16 hover:cursor-pointer" /> </div> 尝试使用“key”代替“n”，将“n”转换为字符串...没有成功如果我像这样硬编码，它会起作用 <img src="../assets/images/image-product-1-thumbnail.jpg" class="rounded-xl h-16 w-16 hover:cursor-pointer" /> 如果您有可用的全局别名（@），我建议您使用它。因为使用相对路径可以在本地工作，但是当项目编译（构建）时，相关路径可能会被破坏。使用动态 src 路径时，您可以在加载之前需要它。使用别名，您可以执行以下操作： :src="`require(@/assets/images/image-product-${n}-thumbnail.jpg`)"

卡片标题中的居中文本

使用 bulma 可以轻松定位文本 - 通常。我无法将卡头属性居中。我的尝试：通常使用 bulma 可以轻松定位文本。我无法将 card-header 属性居中。我的尝试： <link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/1.0.1/css/bulma.min.css" rel="stylesheet"/> <div class="columns mt-3"> <div class="column is-3 ml-3" style="display: flex;"> <div class="card has-background-warning-light"> <div class="card-header"> <p class="has-text-right is-size-5 is-uppercase has-text-centered"> regular price </p> </div> <div class="card-image"> <div class="has-background-warning"> <div class="has-text-centered"> <span class="is-size-1 has-text-weight-bold"> $ 999 </span> </div> </div>  </div> <div class="card-content"> <div class="media">  <div class="media-content"> <p class="title is-3" style="display: flex;"> standard price available for everyone </p> <p class="subtitle is-6 mt-1"> regular price </p> </div> </div> <div class="content has-text-centered"> <button class="button is-dark"> BUY </button> </div> </div> </div> </div> 为什么我的has-text-centered没有应用在card-header而是其他地方？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bulma Card Header Centered</title> <link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/1.0.1/css/bulma.min.css" rel="stylesheet"/> <style> .card-header { justify-content: center; } </style> </head> <body> <div class="columns mt-3"> <div class="column is-3 ml-3"> <div class="card has-background-warning-light"> <div class="card-header"> <p class="is-size-5 is-uppercase has-text-centered"> regular price </p> </div> <div class="card-image"> <div class="has-background-warning"> <div class="has-text-centered"> <span class="is-size-1 has-text-weight-bold"> $ 999 </span> </div> </div> </div> <div class="card-content"> <div class="media"> <div class="media-content"> <p class="title is-3"> standard price available for everyone </p> <p class="subtitle is-6 mt-1"> regular price </p> </div> </div> <div class="content has-text-centered"> <button class="button is-dark"> BUY </button> </div> </div> </div> </div> </div> </body> </html>

如何在React Native中显示图像的顶部，

这是我现在的情况，我的形象是这样的这是我当前的代码这是我现在的情况，我的形象是这样的这是我当前的代码 <View> <Image style={{width: '100%', height: 285}} source={{ uri: `${posterPath + data?.poster_path}`, }} resizeMode="cover" /> <Text>{data?.title}</Text> </View> 我希望我的图像看起来像这样（这只是一个例子）我知道在普通的CSS中我们是否可以使用object-position，但不幸的是React Native并不直接支持object-positionCSS属性，所以我很困惑如何实现这个您需要使用 Flex:1，它使用整个屏幕，然后相应地定位和调整图像大小。 <View style={{flex:1}}> <Image style={{width:'100%', height:285}} source={{ uri: `${posterPath + data?.poster_path}`, }} resizeMode="cover" /> <Text>{data?.title}</Text> </View>

如何在 C++/WinRT (WinUI3) 中将图像从内存读取到 ImageSource？

[1] 我想在 XAML 中显示 Image 控件的图像，但该图像来自字节数组。我应该怎么办？图像格式可以是JPG、BMP或PNG之一。 [1] 我想在 XAML 中显示 Image 控件的图像，但该图像来自字节数组。我该怎么办？图像格式可以是 JPG、BMP 或 PNG 之一。 <Image x:Name="img"/> void MainWindow::myButton_Click(IInspectable const&, RoutedEventArgs const&) { unsigned long long size; // iamge data size const unsigned char* buf; // image data img().Source(???); // what should I do? } [2] 我尝试了InMemoryRandomAccessStream，但没有成功。我知道在C#中使用MemoryStream很方便，但是如何在C++中实现它？另一个问题是这个方法是否也适用于JPG和PNG格式的图像？ void MainWindow::myButton_Click(IInspectable const&, RoutedEventArgs const&) { unsigned long long size; // iamge data size const unsigned char* buf; // image data winrt::Microsoft::UI::Xaml::Media::Imaging::BitmapImage bmp; winrt::Windows::Storage::Streams::InMemoryRandomAccessStream stream; // How to read data from stream? bmp.SetSource(stream); img().Source(bmp); } [3] 现在功能已经实现了，但是还有两个问题 IAsyncAction MainWindow::myButton_Click(IInspectable const&, RoutedEventArgs const&) { unsigned long long size; // iamge data size const unsigned char* buf; // image data winrt::Microsoft::UI::Xaml::Media::Imaging::BitmapImage bmp; winrt::Windows::Storage::Streams::InMemoryRandomAccessStream stream; winrt::Windows::Storage::Streams::DataWriter dw(st.GetOutputStreamAt(0ULL)); dw.WriteBytes({ buf, size }); // This is very inefficient! co_await dw.StoreAsync(); dw.Close(); bmp.SetSource(stream); img().Source(bmp); stream.Close(); } 首先，我发现DataWriter::WriteBytes()确实是在复制数据。但我认为ImageSource只需要从我的buf中读取即可，不需要在读取之前将整个图像完全复制到流中。也许是类似MemoryView的东西，我这样想是不是错了？其次，DataWriter和InMemoryRandomAccessStream的Close()应该在哪里调用？ BitmapImage需要释放内存吗？这里有一个异步函数，我不知道应该写在哪里 [4] 根据IInspectable，我尝试了SHCreatMemStream并搜索了大量信息以提出另一个解决方案。目前的问题是，与方法[3]同样可行，但仍然会出现内存分配问题。 #include "Shlwapi.h" #include "shcore.h" #pragma comment(lib, "shlwapi.lib") void MainWindow::myButton_Click(IInspectable const&, RoutedEventArgs const&) { unsigned long long size; // iamge data size const unsigned char* buf; // image data winrt::Microsoft::UI::Xaml::Media::Imaging::BitmapImage bmp; IStream* stream{ SHCreateMemStream(buf, size) }; // Copying takes a lot of time static const GUID guidIRandomAccessStream = { 0x905a0fe1, 0xbc53, 0x11df, { 0x8c, 0x49, 0x00, 0x1e, 0x4f, 0xc6, 0x86, 0xda } }; winrt::Windows::Storage::Streams::IRandomAccessStream pRas{ }; CreateRandomAccessStreamOverStream(stream, BSOS_OPTIONS::BSOS_DEFAULT, guidIRandomAccessStream, (void**)&pRas); bmp.SetSource(stream); img().Source(bmp); } 通过性能测试，发现CreateRandomAccessStreamOverStream的时间是一致的，但是SHCreateMemStream消耗的时间与图像大小成正比。可以得出，SHCreateMemStream中创建流的过程也涉及到内存的复制。我对Windows编程中的Stream不是特别熟悉。创建流的过程一定会涉及到内存复制吗？从内存加载图像可以避免额外的开销吗？还有没有类似MemoryStreamView的结构来替代吗？还有一个问题，我知道新的图像肯定需要内存存储。 BitmapImage设置Stream为Source会接管Stream占用的内存吗？ Image控件设置BitmapImage作为Source会接管BitmapImage占用的内存吗？如果是这样的话，我可以接受Stream分配新的内存，否则仍然是一个效率问题。谢谢！！！！！！！使用Stream已经彻底解决了这个问题。如前四期所述。至于附加问题： ★1 使用 CreatStreamOnHGlobal 而不是 SHCreatMemStream。因为SHCreatMemStream在调用过程中会对传入的内存块参数进行另一次内存复制。 CreatStreamOnHGlobal 创建流后不执行内存复制。您可以先通过GlobalAlloc分配内存，写入所需的图像数据，然后调用CreatStreamOnHGlobal，无需任何时间开销。另外，可以将CreatStreamOnHGlobal的第二个参数设置为true，自动释放GlobalAlloc分配的内存。通过进程内存监控，我发现对于同一个程序，使用CreatStreamOnHGlobal的速度是SHCreatMemStream的两倍，并且不会导致内存泄漏。 ★2 创建的Stream需要调用Release方法减少一个引用。 IRandomAccessStream作为局部变量，会自动析构，无需主动释放。并且BitmapImage还管理一部分引用，这些引用在离开作用域后被释放。通过测试COM对象上Release方法的返回值，发现整个程序结束后引用计数又回到了0

似乎无法让下载属性发挥作用

我刚刚开始学习 html 所以我想尝试使用 download 属性我刚刚开始学习 html，所以我想尝试使用下载属性 <a href="../images/clunk.jfif" download="ur_mum"> <img src="../images/clunk.jfif" alt="ur mum" width="200" height="200"> </a> 图像存储在同一个网站上，但是当我单击它而不是下载时，它只会使图像全屏显示。我尝试尽可能地排除故障，但没有成功我能找到的关于为什么某些文件类型发生这种情况但并非所有文件类型的原因是这个答案关于pdf下载与预览的类似问题 - 如果可以的话，请将以下标头添加到服务器端的图像响应中： Content-Disposition: attachment; filename=clunk.jfif 或者，您可以使用自定义 onclick 处理程序替换锚标记，该处理程序将图像转换为数据 URL 并触发下载： <img src="../images/clunk.jfif" width="200" height="200" onclick="downloadImage(this)"> const downloadImage = async (img) => { // fetch the image's media type const mediaType = fetch(img.currentSrc, { method: 'HEAD' }) .then(res => res.headers.get('content-type')) .catch(() => 'image/png' /* default to png if request fails */) // place the image on a canvas element const canv = Object.assign(document.createElement('canvas'), { width: img.naturalWidth, height: img.naturalHeight, }) const ctx = canv.getContext('2d') ctx.drawImage(img, 0, 0) // download the canvas data const a = Object.assign(document.createElement('a'), { download: 'filename', href: canv.toDataURL(await mediaType), }) a.click() }

ClosedXML 导出数据网格到 Excel 仅 10 行

我有一个包含 60 行数据的数据网格和一个将其导入 Excel 的按钮：我有一个包含 60 行数据的数据网格和一个将其导入 Excel 的按钮： <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Source}" CanUserAddRows="False" HeadersVisibility="All" Name="dgDisplay"> <DataGrid.Columns> <DataGridTextColumn Header="Day" Binding="{Binding Day}"/> <DataGridTextColumn Header="Data" Binding="{Binding Data}"/> </DataGrid.Columns> </DataGrid> <Button Command="{Binding SaveDataGridToExcelCommand}" CommandParameter="{Binding ElementName=dgDisplay}"/> 其中 Day 和 Data 只是一些随机生成的 int 数据。我的代码使用 ClosedXML 将数据从中导出到 Excel，它使用 MainWindowViewModel: ObservableObject 调用 MVVM.Toolkit。 [RelayCommand] public void SaveDataGridToExcel(DataGrid dataGrid) { DataTable dt = new DataTable(); foreach (DataGridColumn column in dataGrid.Columns) { dt.Columns.Add(column.Header.ToString()); } foreach (var item in dataGrid.Items) { DataRow dr = dt.NewRow(); bool rowHasData = false; for (int i = 0; i < dataGrid.Columns.Count; i++) { var cellContent = dataGrid.Columns[i].GetCellContent(item); if (cellContent is TextBlock textBlock) { //check if row empty, dont add this row.I add it on purpose to check //if the datagrid recognite the rest 50 rows not have data. It actually //dont save those data dr[i] = textBlock.Text; if (!string.IsNullOrEmpty(textBlock.Text)) { rowHasData = true; } } } if (rowHasData) { dt.Rows.Add(dr); } } SaveFileDialog saveFileDialog = new SaveFileDialog(); saveFileDialog.Filter = "Excel files (*.xlsx)|*.xlsx"; if (saveFileDialog.ShowDialog() == DialogResult.OK) { using (XLWorkbook wb = new XLWorkbook()) { wb.Worksheets.Add(dt, "Sheet1"); wb.SaveAs(saveFileDialog.FileName); } } } 但是保存的60行结果只显示了10行数据，其余50行都是空的。如果疑问为什么不使用Microsoft.Interop.Excel，那是因为该包不适合我的 Excel 版本。我没有在 ClosedXML 中看到任何对此有限制或许可的地方，所以我想知道为什么。如有任何帮助，我们将不胜感激。在浏览 github 几个小时后，我自己找到了答案。我没有访问单元格内容，而是直接从 DataGrid 的 ItemsSource 访问数据： public void SaveDataGridToExcel(DataGrid dataGrid) { DataTable dataTable = new DataTable(); foreach (DataGridColumn column in dataGrid.Columns) { dataTable.Columns.Add(column.Header.ToString()); } var itemsSource = dataGrid.ItemsSource as IEnumerable; if (itemsSource != null) { foreach (var item in itemsSource) { var properties = item.GetType().GetProperties(); var row = dataTable.NewRow(); foreach (var property in properties) { row[property.Name] = property.GetValue(item); } dataTable.Rows.Add(row); } } //show dialog... }

使用 JavaScript 以 HTML 形式显示 Google 云端硬盘中的图像时遇到问题

我正在努力使用 JavaScript 在我的 HTML 页面上显示来自 Google Drive 的图像。遵循在线指南并没有完全解决我的问题。 HTML（索引.html）：我正在努力使用 JavaScript 在我的 HTML 页面上显示来自 Google 云端硬盘的图像。遵循在线指南并没有完全解决我的问题。 HTML（index.html）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Google Drive Image</title> </head> <body> <img id="imageElement" alt="A lovely image"> <script src="script.js"></script> </body> </html> JavaScript（script.js）： const fileId = '1BEW9tkgVKlp_ebUc17LkXDH-mnPc4ome'; const imageElement = document.getElementById('imageElement'); async function fetchGoogleDriveImage(fileId) { try { const response = await fetch(`https://drive.google.com/uc?id=${fileId}`); const url = URL.createObjectURL(await response.blob()); imageElement.src = url; } catch (error) { console.error('Error fetching the image:', error); } } fetchGoogleDriveImage(fileId); 背景： Google 云端硬盘中的图像设置为“知道链接的任何人都可以查看。” 尽管如此，图像仍无法在浏览器中加载，并且控制台显示错误。附加HTML（纯html）： <body> <img src="https://drive.google.com/uc?id=1BEW9tkgVKlp_ebUc17LkXDH-mnPc4ome" alt="Your Image Alt Text"> </body> CodePen 示例如有任何帮助，我们将不胜感激！谢谢。虽然没有在任何地方发布（我发现），但 Google Drive 的服务器已开始拒绝附加这两个标头的请求： sec-fetch-mode: no-cors sec-fetch-site: cross-site 如果您将浏览器直接导航到文件的（直接链接）URL（即获取您的src URL并将其粘贴到浏览器导航栏中），但该请求期间的sec-fetch-mode标头将是设置为 navigate 并且效果很好。但是，与您的 <img> 示例一样，如果请求源是网页，并且与 drive.google.com 来源不同，就会出现问题。（您的浏览器将自动将这些 sec-fetch-mode 和 sec-fetch-site 标头设置为请求的一部分。）这似乎是 Google Drive 自 2024 年 1 月 10 日开始的一项未记录的更改，我仍然找不到任何提及它的地方，因此尚不清楚此行为是否会持续存在，或者是否反映了意外更改或疏忽。我也有同样的问题。临时解决办法是使用大宽度的驱动器文件缩略图您正在此处执行所有操作，看来问题出在 Google 端，并于今天开始发生（撰写本文时为 2024 年 1 月 11 日）。 Google 可能会解决此问题并允许直接图像嵌入，或者他们可能会继续阻止它，这意味着您必须找到另一种方式来托管网站图像，例如 S3。（可能）此处跟踪错误：https://issuetracker.google.com/issues/319531488?pli=1 我开始在 HTML 中链接 css 文件时遇到同样的问题。

Laravel 购物车页面，表单内有一个表单，用于处理删除和提交数据更新数据库

我有一个购物车页面，表格内有一个表格，也许你可以建议我应该做什么？根据图片，我给出的蓝色圆圈是一个表格我的刀片代码我有一个购物车页面，表格内有一个表格，也许你可以建议我应该做什么？根据图片我给出的蓝色圆圈是一个表格我的刀片代码<table class="table"> <thead> <tr> <th scope="col">No</th> <th scope="col">Nama Barang</th> <th scope="col">Quantity</th> <th scope="col">Action</th> </tr> </thead> <tbody> @php $no = 1; @endphp @forelse ($permintaans as $b) <tr> <td>{{ $no ++ }}</td> <td> {{ $b->nama_kategori }} {{ $b->nama_atk }} </td> <td> <form action="{{ route('permintaan.update', $b->id) }}" method="POST" style="display: inline-block;"> @csrf @method('PUT') <div class="input-group input-group-sm mb-3"> <input type="number" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm" name="satuan_permintaan" min="0" max={{ $b->stok }} required> <span class="input-group-text" id="inputGroup-sizing-sm">{{ $b->subsatuan_atk }}</span> </div> </td> <td> <form action="{{ route('permintaan.destroy', $b->id) }}" method="POST" style="display: inline-block;"> @csrf @method('DELETE') <button type="submit" class="btn custom2-btn"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="red" class="bi bi-trash" viewBox="0 0 16 16"> <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/> <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/> </svg></button> </form> </td> </tr> @empty @endforelse </tbody> </table> 我的控制器public function store(Request $request) { $task = new Permintaan(); $task->atk_id = $request->input('atk_id'); $task->proses = 'Proses'; if (Permintaan::where('atk_id', $task->atk_id)->exists()){ return redirect('/atk/permintaan')->with(['info' => 'ATK Sudah Dalam Permintaan']); } else{ $task->save(); return redirect()->route('permintaan.index'); } } public function destroy($id) { $permintaan = Permintaan::find($id); $permintaan->delete(); return redirect()->route('permintaan.index'); } 我要处理删除并提交数据更新数据库在开始销毁表单之前关闭更新表单第一个表单标签（缺少）。

使用python的mechanize自动网站登录

我正在尝试自动登录一个网站，该网站的登录表单具有以下 HTML 代码（摘录）：我正在尝试自动登录一个网站，其登录表单具有以下 HTML 代码（摘录）： <tr> <td width="60%"> <input type="text" name="username" class="required black_text" maxlength="50" value="" /> </td> <td> <input type="password" name="password" id="password" class="required black_text" maxlength="50" value="" /> </td> <td colspan="2" align="center"> <input type="image" src="gifs/login.jpg" name="Login2" value="Login" alt="Login" title="Login"/> </td> </tr> 我正在使用python的mechanize模块进行网页浏览。以下是代码： br.select_form(predicate=self.__form_with_fields("username", "password")) br['username'] = self.config['COMMON.USER'] br['password'] = self.config['COMMON.PASSWORD'] try: request = br.click(name='Login2', type='image') response = mechanize.urlopen(request) print response.read() except IOError, err: logger = logging.getLogger(__name__) logger.error(str(err)) logger.debug(response.info()) print str(err) sys.exit(1) def __form_with_fields(self, *fields): """ Generator of form predicate functions. """ def __pred(form): for field_name in fields: try: form.find_control(field_name) except ControlNotFoundError, err: logger = logging.getLogger(__name__) logger.error(str(err)) return False return True return __pred 不知道我做错了什么...... 谢谢该网站有可能在登录期间使用java脚本进行回发。我记得很清楚，对于 ASP .Net 站点，您需要获取隐藏表单字段，例如 VIEWSTATE 和 EVENTTARGET 并将它们发布到新 Page 。您为什么不发送问题网站的链接？之后就变得相对容易弄清楚了尝试使用 Selenium 和 PhantomJS from selenium import PhantomJS import platform if platform.system() == 'Windows': # .exe for Windows PhantomJS_path = './phantomjs.exe' else: PhantomJS_path = './phantomjs' service_args = [ # Proxy (optional) '--proxy=<>', '--proxy-type=http', '--ignore-ssl-errors=true', '--web-security=false' ] browser = PhantomJS(PhantomJS_path, service_args=service_args) browser.set_window_size(1280, 720) # Window size for screenshot (optional) login_url = "<url_here>" # Credentials Username = "<insert>" Password = "<insert>" # Login browser.get(login_url) browser.save_screenshot('login.png') print browser.current_url browser.find_element_by_id("<username field id>").send_keys(Username) browser.find_element_by_id("<password field id>").send_keys(Password) browser.find_element_by_id("<login button id>").click() print (browser.current_url) browser.get(scrape_url) print browser.page_source browser.quit() ''' python 和 pycharm 设置路径变量点维辛检查包管理器 python 如何安装新版本 python最新版本 - python 3.7.2 用户环境变量蟒蛇 pyton 中的命令行 '''

使用 Javascript 更改 HTML 中的文本

如何用 Javascript 替换 HTML 中的文本？在下面的代码片段中，我需要将文本“作者说”替换为“关于作者”。谢谢你！如何用 Javascript 替换 HTML 中的文本？在下面的代码片段中，我需要将文本“作者说”替换为“关于作者”。谢谢！ <div id="author-info"> <div class="author-image"> <a class="author-avatar" href="https://www.test.com"><img alt=""></a> </div> <div class="author_name_wrap"> <h4 class="author_name"><a href="https://www.test.com/author/">Author say</a></h4> <div class="author_socicons"></div> </div> </div> 要更改 html 标签的内容，请使用 innerHTML 属性： var h4 = document.getElementsByClassName("author_name")[0], target = h4.childNodes[0]; target.innerHTML = "About the author"; 这是代码： document.getElementById("id-of-element").innerHTML = "new text"; <!DOCTYPE html> <html> <body> <p id="id-of-element">This text will be replaced</p> </body> </html> 这非常简单，您只需使用innerText或textcontent，如下例所示 //textConent Method const authorName = document.querySelectorAll('author_name').textContent="Text Here" //innerText Method const authorName = document.querySelectorAll('author_name').innerText="Text Here" 如果您使用jQuery，您可以轻松更改。 $("h4.author_name a").text('关于作者'); 您可以在这里找到详细的文章

NextJS 中 useFormStatus() 始终为 false

我尝试使用 useFormStatus() 在提交表单并等待获取数据时动态更改 UI。我有一个像这样的表单组件函数 onSubmit(数据：z.infer 我正在尝试使用 useFormStatus() 在提交表单并等待获取数据时动态更改 UI。我有一个像这样的表单组件 function onSubmit(data: z.infer<typeof FormSchema>) { requestImg(data).then((imageStringify) => { const binaryData = Buffer.from(imageStringify.image); const imageBase64 = URL.createObjectURL( new Blob([binaryData.buffer], { type: "image/jpeg" } /* (1) */) ); setOpen(true); setSource(imageBase64); }); } if (isDesktop) { return ( <Form {...form}> <form onSubmit={form.handleSubmit(onSubmit)} className="w-2/3 space-y-6" > ... 其中 requestImg(data) 是服务器操作。然后，我将 Button 组件嵌套在不同的 Button.tsx 文件中的 <form> 中 import { useFormStatus } from "react-dom"; import { Button } from "@/components/ui/button"; export default function ButtonSub() { const { pending } = useFormStatus(); console.log(pending); return ( <Button className="w-full" type="submit" aria-disabled={pending}> {pending ? "Processing..." : "Submit"} </Button> ); } 问题是，当我单击提交时，按钮文本不会更改为“正在处理...” 编辑似乎仅当您在表单上使用操作关键字时才有效。我试过了 <form action={async (formData: FormData) => { requestImg(formData).then((imageStringify) => { const binaryData = Buffer.from(imageStringify.image); const imageBase64 = URL.createObjectURL( new Blob([binaryData.buffer], { type: "image/jpeg" } /* (1) */) ); setSource(imageBase64); setOpen(true); }); }} className="w-2/3 space-y-6" > 但是现在使用 byte8Array 生成的图像已损坏。我有一个带有动态 src 的图像，其中充满了 const [source, setSource] = useState(""); <img src={source}/> 似乎只有在您使用 action 关键字时才有效形式。确实如此。 useFormStatus 必须在表单的子组件内使用，它可以监视服务器操作的状态变化。但据我所知，它会监听 action。 action 定义提交后表单数据的服务器端目的地。在服务器操作的上下文中，服务器操作向当前 URL 发出 post 请求。所以它没有监听表单 onSubmit，这就是为什么你的第一个代码执行不起作用。现在服务器操作在服务器上下文中运行，它们在服务器上执行，但setState是客户端特定的代码

在这个curl api中将不记名授权令牌放在哪里

我正在使用 imageqrcode (https://imageqrcode.com/apidocumentation) 的新 api 功能来动态生成图像 QR 码，使用 php：我正在使用 imageqrcode (https://imageqrcode.com/apidocumentation) 的新 api 功能来动态生成图像 QR 码，使用 php: <?php $api_key = 'xxxxxxxxxx'; //secret // instantiate data values $data = array( 'apikey' => $api_key, 'qrtype' => 'v1', 'color' => '000000', 'text' => 'https://wikipedia.com', ); // connect to api $url = 'https://app.imageqrcode.com/api/create/url'; $ch = curl_init($url); // Attach image file $imageFilePath = 'test1.jpg'; $imageFile = new CURLFile($imageFilePath, 'image/jpeg', 'file'); $data['file'] = $imageFile; curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_POSTFIELDS, $data); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $response = curl_exec($ch); curl_close($ch); // Handle the response $result = json_decode($response, true); if ($result && isset($result['downloadURL'])) { // Successful request $download_url = $result['downloadURL']; echo "Download URL: $download_url"; } else { // Handle errors echo "Error: " . print_r($result, true); } ?> 在文档中显示有变量“serialkey”：图片二维码API文档 API文档生效日期：2023年11月15日图像二维码 API 是一项接受 HTTPS 请求以生成图像或 gif 二维码的服务，主要由开发人员使用。图像二维码 - URL JSON 请求（POST）：https://app.imageqrcode.com/api/create/url apikey //你的apikey 序列号//你的序列号 qrtype //字符串，最少 2 个字符，最多 2 个字符v1 或 v2，v1 适用于 QR 类型 1，v2 适用于类型 2 color //数字，最小 6 位，最大 6 位，例如000000 为黑色 text //url，最少 15 个字符，最多 80 个字符https://yourwebsite.com file //图像文件 (jpg/jpeg/png)，最大 1 MB 文件大小现在没有信息将该序列密钥作为标准承载授权令牌放在哪里？？？如果没有此信息，我无法连接到 api 我尝试在没有不记名令牌的情况下连接它，因为我认为它可以匿名连接到 api，但也不起作用，我现在很困惑，因为我仍在学习 PHP 和 Laravel 看起来 serialkey 不是不记名令牌，而是一个应该与其他参数（如 apikey、qrtype、color、text 和）一起包含在 POST 数据中的参数file。您可以在 PHP 代码的 serialkey 数组中包含 $data。 $data = array( 'apikey' => $api_key, 'serialkey' => 'your_serial_key', // Add this line 'qrtype' => 'v1', 'color' => '000000', 'text' => 'https://wikipedia.com', );

Python向http请求返回图像

我在 iis 中使用 *.py 的处理程序“c:...\python.exe %s %s”设置 python。然后想要提供像“https://.../getpng.py?no=1”这样的url来将图像流返回到html，如下所示我在 iis 中使用 *.py 的处理程序“c:...\python.exe %s %s”设置 python。然后想要提供像“https://.../getpng.py?no=1”这样的url来将图像流返回到html，如下所示 <img src="https://.../getpng.py?no=1"> getpng.py 很简单，如下所示。 with open('C:\\inetpub\\wwwroot\\test\\test1.png', 'rb') as f: filecontent = f.read() print('Content-Type: image/png\r\n\r\n') print(filecontent ) 图片路径正确。文件内容正确。但html页面总是显示损坏的图像。看起来“打印（文件内容）”失败了。有解决这个问题的提示吗？我尝试了 sys.stdout.write 但这也不起作用。还尝试了以下方法均无效 print('内容类型：图像/png ' + 文件内容 ) print('内容类型：图像/png {0}'.format(文件内容)) 您可以使用base64在网页上显示图像； import base64 with open('QR.jpg', 'rb') as image_file: base64_bytes = base64.b64encode(image_file.read()) #print(base64_bytes) base64_string = base64_bytes.decode() print(base64_string) # For insert into the img tag. 比进入html： <img src=" data:image/jpeg; data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ.... " alt="QR.jpg" />

如何在webview中加载html字符串？

我有一个包含以下内容的html字符串：我有一个包含以下内容的html字符串： <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="spanish press" content="spain, spanish newspaper, news,economy,politics,sports"> <title></title> </head> <body id="body">  <script src="http://www.myscript.com/a"></script> </body> </html> 我需要将该网站显示到 Android 中的网络视图中。我尝试过这一切： webView.loadDataWithBaseURL(null, txt, "text/html", "UTF-8", null); webView.loadDataWithBaseURL("x-data://base", txt, "text/html", "UTF-8", null); webView.loadDataWithBaseURL("notreal/", txt, "text/htm", "utf-8",null); 我还尝试删除 DOCTYPE 标签： txt=txt.replace("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">", ""); 这些人都没有工作。我刚刚实现了将字符串显示到 webview（html 代码）中，但不是必须使用该 html 代码创建的网站。出了什么问题？在 WebView 中加载数据。调用WebView的loadData()方法 wv.loadData(yourData, "text/html", "UTF-8"); 你可以查看这个例子 http://developer.android.com/reference/android/webkit/WebView.html [编辑1] 您应该在 -- " 之前添加 -- \ -- 例如 --> name=\"spanish press\" 下面的字符串对我有用 String webData = "<!DOCTYPE html><head> <meta http-equiv=\"Content-Type\" " + "content=\"text/html; charset=utf-8\"> <html><head><meta http-equiv=\"content-type\" content=\"text/html; charset=windows-1250\">"+ "<meta name=\"spanish press\" content=\"spain, spanish newspaper, news,economy,politics,sports\"><title></title></head><body id=\"body\">"+ "<script src=\"http://www.myscript.com/a\"></script>şlkasşldkasşdksaşdkaşskdşk</body></html>"; 你也可以试试这个 final WebView webView = new WebView(this); webView.loadDataWithBaseURL(null, content, "text/html", "UTF-8", null); 从资产 html 文件中读取 ViewGroup webGroup; String content = readContent("content/ganji.html"); final WebView webView = new WebView(this); webView.loadDataWithBaseURL(null, content, "text/html", "UTF-8", null); webGroup.addView(webView); 我有同样的要求，我是按照以下方式完成的。你也可以试试这个。使用loadData方法 web.loadData(""" <p style='text-align:center'> <img class='aligncenter size-full wp-image-1607' title='' src="+movImage+" alt='' width='240px' height='180px' /> </p> <p> <center> <U> <H2>"+movName+"("+movYear+")</H2> </U> </center> </p> <p><strong>Director : </strong>"+movDirector+"</p> <p><strong>Producer : </strong>"+movProducer+"</p> <p><strong>Character : </strong>"+movActedAs+"</p> <p><strong>Summary : </strong>"+movAnecdotes+"</p> <p><strong>Synopsis : </strong>"+movSynopsis+"</p> """, "text/html", "UTF-8" ); movDirector movProducer 都是我的字符串变量。简而言之，我保留了 URL 的自定义样式。如果您正在 JetpackCompose 中寻找某些内容，这可以帮助您： @Composable fun HtmlTextVisualizerComponent(textFromData: String) { val mimeType = "text/html" val encoding = "UTF-8" LazyColumn( modifier = Modifier .padding( start = 24.dp, end = 24.dp, top = 16.dp, bottom = 24.dp, ), ) { items(1) { val state = rememberWebViewState( url = "data:$mimeType;$encoding,$textFromData", ) val navigator = rememberWebViewNavigator() WebView( state = state, modifier = Modifier.fillMaxSize(), navigator = navigator, onCreated = { it.settings.javaScriptEnabled = true }, ) } } } 一定不要忘记在你的 gradle 中添加依赖项： implementation "com.google.accompanist:accompanist-webview:0.30.1"

MAUI 8 - 如何更改弹出背景叠加颜色？

使用 MAUI 7.0，下一个代码允许更改弹出背景叠加颜色，但该代码不适用于 MAUI 8.0 使用 MAUI 7.0，下一个代码允许更改弹出窗口背景覆盖颜色，但该代码不适用于 MAUI 8.0 <maui:MauiWinUIApplication x:Class="TestMaui8.WinUI.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:maui="using:Microsoft.Maui" xmlns:local="using:TestMaui8.WinUI"> <maui:MauiWinUIApplication.Resources> <Color x:Key="SystemAltMediumColor">Transparent</Color> <SolidColorBrush x:Key="SystemControlPageBackgroundMediumAltMediumBrush" Color="{StaticResource SystemAltMediumColor}" /> <SolidColorBrush x:Key="ContentDialogBackgroundThemeBrush" Color="{StaticResource SystemAltMediumColor}" /> <SolidColorBrush x:Key="ContentDialogDimmingThemeBrush" Color="{StaticResource SystemAltMediumColor}" /> <StaticResource x:Key="ContentDialogBackground" ResourceKey="SystemControlPageBackgroundMediumAltMediumBrush" /> <StaticResource x:Key="PopupLightDismissOverlayBackground" ResourceKey="SystemControlPageBackgroundMediumAltMediumBrush" /> <SolidColorBrush x:Key="SliderBorderBrush" Color="#1A73E8" /> <Style TargetType="Slider"> <Setter Property="BorderBrush" Value="{StaticResource SliderBorderBrush}"/> </Style> </maui:MauiWinUIApplication.Resources> </maui:MauiWinUIApplication> 有人知道为什么它不起作用以及如何修复它吗？更新添加一些图片 CommunityToolkit Popup 没有 Overlay color 功能。您可以在 CommunityToolkit GitHub 页面上提出功能请求。是的，您发布的上述代码曾经可以工作，但它不适用于具有最新 CommunityToolkit.Maui nuget 的 .NET8。但是如果您想更改叠加颜色，这里有一个解决方法。 <toolkit:Popup xmlns="http://schemas.microsoft.com/dotnet/2021/maui" ... Color="Black" xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit" > //make the size to be the full screen size <ContentView WidthRequest="1920" HeightRequest="1080"> <VerticalStackLayout WidthRequest="300" HeightRequest="300" BackgroundColor="Green"> <Image Source="dotnet_bot.png"/> <Label Text="Welcome to .NET MAUI!" VerticalOptions="Center" HorizontalOptions="Center" /> </VerticalStackLayout> </ContentView> </toolkit:Popup>

如何从当前打开的 HTML 网站中的元素获取数据？

我发现自己需要深入研究开放网站的 HTML 代码，并从标签获取一些数据，特别是其中的背景图像元素的值。这个元素改变... 我发现自己需要深入研究开放网站的 HTML 代码，并从 <div> 标签获取一些数据，特别是其中的 background-image 元素的值。该元素会根据页面上执行的操作而发生变化。现在我需要找出如何让我的代码从 Firefox 中打开的选项卡返回该特定元素的值。最简单的方法是什么？我看了美丽汤，但我不知道还需要搭配什么。据我所知，它对于解析 HTML 数据很有用，但对于首先获取该数据却没有用。您可以使用 requests 来获取页面的 HTML 内容，如下所示： import requests from bs4 import BeautifulSoup def scrape_website(url): # Send an HTTP request to the URL response = requests.get(url) # Check if the request was successful (status code 200) if response.status_code == 200: # Parse the HTML content of the page soup = BeautifulSoup(response.content, 'html.parser') # Extract data based on HTML structure (replace with your own logic) divs = soup.find_all('div') for div in divs: print(div.text) else: print(f"Failed to retrieve the page. Status code: {response.status_code}") 这里我们向站点发送一个 HTTP 请求，如果响应是 200（等于 ok ），我们将响应中的 HTML 数据发送到变量并使用 Beatiful Soup 解析它。您需要将解析代码更改为最适合您的代码，但此时您可以询问 Chat-GPT。

save-image 相关问题

最新问题