Javascript 如何运行npm';文件流&x27;示例代码?

Javascript 如何运行npm';文件流&x27;示例代码?,javascript,node.js,npm,filestream,Javascript,Node.js,Npm,Filestream,我计划在浏览器中使用文件流api。通过搜索,我找到了这个文件流模块 作者编写了一个示例使用代码。给你。(文件名:drag-n-drop.js) 1. 在此代码中。。。我很沮丧。 该代码适用于哪一方?服务器端?还是客户端代码 如果是服务器端代码,创建服务器方法在哪里,以及如何读取document.body.~代码 如果是客户端代码,如何在浏览器中使用“require”方法 最重要的是,这是可运行的代码吗 2. 抛开前面的问题不谈,我试着运行这段代码。为此,我安装了“crel”、“feature”

我计划在浏览器中使用文件流api。通过搜索,我找到了这个文件流模块

作者编写了一个示例使用代码。给你。(文件名:drag-n-drop.js)

1. 在此代码中。。。我很沮丧。 该代码适用于哪一方?服务器端?还是客户端代码

如果是服务器端代码,创建服务器方法在哪里,以及如何读取document.body.~代码

如果是客户端代码,如何在浏览器中使用“require”方法

最重要的是,这是可运行的代码吗

2. 抛开前面的问题不谈,我试着运行这段代码。为此,我安装了“crel”、“feature”、“拖放文件”模块,并发出命令:
$node drag-n-drop.js

但是,它不起作用,错误消息如下。这也让我很沮丧

[appPath]/node_modules/crel/crel.js:91
        element = crel[isElementString](element) ? element : d.createElement(e
                                                               ^
TypeError: undefined is not a function
    at crel ([appPath]/node_modules/crel/crel.js:91:64)
    at Object.<anonymous> ([appPath]/node_modules/filestream/examples/drag-n-drop.js:4:11)
[appPath]/node\u modules/crel/crel.js:91
元素=crel[isElementString](元素)?元素:d.createElement(e
^
TypeError:undefined不是函数
在crel([appPath]/node_modules/crel/crel.js:91:64)
在对象上。([appPath]/node\u modules/filestream/examples/drag-n-drop.js:4:11)
救命啊

更新.3


嘿,我能再问你一个问题吗?我正在根据我的代码调整filestream模块,参考上面的示例代码。在这样做的过程中,我陷入了
detect('URL')中
code。我阅读了npm页面中的“功能”模块并仔细阅读了说明,但我仍然无法理解。参考此页面链接,我不知道作者为什么使用
detect('URL')
,而不是
window.URL
。您能解释一下吗?我非常感谢您。

问题1:

document.body
通常是一个
window
对象的属性,因此该示例适用于客户端。或者您可以使用一些模块,例如:。然后您可以在节点中使用window

require
是模块规范中的一个函数。您可以使用或为客户端编译它

问题2:

如上所述,您应该使用CommonJS模块构建工具或服务器端使用jsdom

createElement
窗口中的一个方法。文档

更新:

问题3:

require('feature/detect');

将需要在
功能
npm模块中

如您所见,它使用窗口上的目标功能测试
ms
o
moz
webkit
前缀

在下面链接的底部,有一个
浏览器兼容性

在Chrome8.0中,Opera15.0和Safari6.0
URL
webkitURL
的形式存在


这就是作者这样做的原因。

Wow…这就是我真正想要的答案!谢谢!嘿。我可以再问你一个问题吗?我正在根据我的代码调整filestream模块,参考上面的示例代码。在这样做的过程中,我陷入了
detect('URL')的困境
code。我阅读了npm页面中的“功能”模块,并仔细阅读了说明,但我仍然无法理解。参考此页面,我不知道作者为什么使用
detect('URL')
,而不是
window.URL
。你能解释一下吗?我真的很感谢你……哇……我真的很感谢你。我在问你新问题之前读了detect.js源代码,但当时不明白。但是在你回答之后,我终于明白了。谢谢!
[appPath]/node_modules/crel/crel.js:91
        element = crel[isElementString](element) ? element : d.createElement(e
                                                               ^
TypeError: undefined is not a function
    at crel ([appPath]/node_modules/crel/crel.js:91:64)
    at Object.<anonymous> ([appPath]/node_modules/filestream/examples/drag-n-drop.js:4:11)