gpt4 book ai didi

javascript - Firefox 插件 : Uploading Image

转载 作者:行者123 更新时间:2023-11-30 12:40:13 24 4
gpt4 key购买 nike

我想从 Firefox Addon 上传图片到网站。

我知道我可以createElement('canvas'),将图像数据转换为 base64 和 XHR POST 数据,但我想看看是否可以让 Firefox 处理它。

通常情况下,用户会在站点上单击“浏览”,然后 Firefox 会打开“文件上传”对话框,选择文件,然后单击“打开”。

我想通过上下文菜单自动执行此操作,以便可以将浏览器打开的本地文件(即图像)直接上传到目的地。

这可能吗?如何实现?

澄清:

在通过 Firefox 上传的文件选择中,这些是必需的数据:
- 目标形式
- 本地文件位置
- 附加到文件上传对话框中的打开按钮的操作

在我想创建的上下文菜单情况下:
- 目标形式:将被硬编码在脚本中
- 本地文件位置:右键单击的文件(即gContextMenu.target.src)
- 操作:这是我想做的,并将“命令”附加到上述按钮的功能(现有的 Firefox 功能)

这意味着,不是手动创建new XMLHttpRequest() 和POST 数据,而是使用Firefox 的现有功能。

换句话说,手动将“目标表单”和“本地文件位置”提供给 FILE UPLOAD 的 OPEN 按钮功能,就好像这是已执行的过程一样。

File Upload Dialogue Box

最佳答案

使用 DOM 文件

DOM File constructor actually accepts plain paths (from privileged code)

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.org/");
xhr.setRequestHeader("Content-Type",
"application/octet-stream");
xhr.send(new File("/tmp/test.upload"));

这可以与表单数据结合。

使用输入流

您可以发送nsIInputStream .所以只需要知道文件的路径,然后初始化 nsIFileInputStream 即可。 , nsIInputStream 的“ super 接口(interface)”和 send()使用适当的 Content-Type 关闭内容。

var {classes: Cc, interfaces: Ci, utils: Cu} = Components;

Cu.import("resource://gre/modules/Services.jsm");
Cu.import("resource://gre/modules/FileUtils.jsm");

var stream = Cc["@mozilla.org/network/file-input-stream;1"].
createInstance(Ci.nsIFileInputStream);
stream.init(FileUtils.File("/tmp/test.upload"),
-1, -1,
Ci.nsIFileInputStream.DEFER_OPEN);
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.org/");
xhr.setRequestHeader("Content-Type",
"application/octet-stream");
xhr.send(stream);

这可以与 nsIMultiplexInputStream 结合 (IIRC)构建更复杂的有效载荷。

关于javascript - Firefox 插件 : Uploading Image,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24743145/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com