草庐IT

Upload上传组件

全部标签

javascript - 从组件调用的 Angular 4 指令的多个实例弄乱了输入值

我有一个Angular为4的组件,它被调用了三次。在模板元数据中,我有一个带有指令的div,其中包含一些像这样的绑定(bind)。@import{gServ}from'../gServ.service';@Component:({selector:'sr-comp',template:``})exportclassSGComponentimplementsOnInit{@Input('report')publicreport:IReportInstance;cOptions:any;constructor(privategServ:gServ){}ngOnInit(){this.cOp

javascript - 无法让 Jest 与包含主题的样式化组件一起工作

问题我一直在使用Jest和Enzyme使用很棒的StyledComponents为我的React组件构建编写测试图书馆。但是,由于我实现了主题化,所以我的所有测试都失败了。让我举一个例子。这是我的LooksBrowser的代码组件(我删除了所有导入和prop-types以使其更具可读性):constLooksBrowserWrapper=styled.div`position:relative;padding:0056.25%;`;constCurrentSlideWrapper=styled.div`position:absolute;top:0;left:0;z-index:2;`

Javascript文件上传

在大多数浏览器中,inputtype="file"具有以下文件属性:document.getElementById("my-input").files这可以用来检测文件是否上传,并获取文件。但是,在IE9中似乎不存在files属性。添加:在jQuery中,你可以做...$("#my-input").val()读取文件名。如何获取文件内容? 最佳答案 使用jQuery和thisplugin. 关于Javascript文件上传,我们在StackOverflow上找到一个类似的问题:

javascript - 将嵌套的 Redux 智能组件与 reducer 连接起来

与Redux的ToDo示例类似,我的项目结构也类似——只是一个容器,其中包含要显示的子组件数组。该商店将如下所示:{workspace:{widgets:[1,2,3]}widgets:{1:{id:1,title:'FirstWidget',lastPrice:123.324,lastUpdate:'2015-11-12'},2:{id:2,title:'SecondWidget',lastPrice:1.624,lastUpdate:'2015-11-12'},3:{id:3,title:'ThirdWidget',lastPrice:4.345,lastUpdate:'2015-

javascript - velocity-react - 在组件更新后动画 scrollTop

我正在编写一个简单的“控制台”,以类似聊天的方式显示消息。消息从底部出现,并向上移动。我有工作代码,但我想通过每次添加新的“li”时将容器滚动到底部来动画显示消息。当前代码:importReactfrom'react';import{render,findDOMNode}from'react-dom';exportdefaultReact.createClass({componentDidUpdate:function(){varnode=findDOMNode(this);node.scrollTop=node.scrollHeight;},render(){return({this

javascript - TypeScript 相当于 React 无状态组件中的 rest/spread Prop

我正在尝试添加以下函数,取自bootstrap-reactdocumentation,到我的TypeScript+React项目:functionFieldGroup({id,label,help,...props}){return({label}{help&&{help}});}但是,我目前的实现是:interfaceFieldGroupPropsextendsReact.HTMLAttributes{id?:string;label?:string;help?:string;}classFieldGroupextendsReact.Component{publicrender():

javascript - 帮我创建一个 Firefox 扩展(Javascript XPCOM 组件)

我一直在看不同的教程,我知道我很接近,但我迷失了实现细节,因为其中一些有点过时,自Firefox3以来有一些事情发生了变化。我已经writtenthejavascriptforthefirefoxextension,现在我需要把它变成一个XPCOM组件。这是我需要的功能:我的Javascript文件很简单,我有两个函数startServer()和stopServer。我需要在浏览器启动时运行startServer(),在firefox退出时运行stopServer()。编辑:我已经用有效的解决方案更新了我的代码(感谢Neil)。以下内容在MyExtension/components/m

javascript - 允许用户上传 HTML/JS 文件的风险

我们正在为HTML5游戏设计在线Playground。用户可以上传包含他们游戏的zip文件。上传时,zip由服务器解压,每个文件循环检查其扩展名是否符合白名单,允许:.html.js.png.jpg.appcache.m4a.ogg(游戏必须在我们导出这些文件的游戏编辑器中制作)。这应该可以防止人们上传zip、服务器端脚本文件等。然后游戏会转移到我们的静态无cookie域(scirra.net)。在我们的scirra.com页面上玩游戏时,游戏会显示在指向scirra.net域的iframe中。这应该可以防止恶意JS访问scirra.comcookie。这个iframe技术和白名单是否

javascript - 使用 Knockout.js 组件和 webpack

我正在移动现有的knockout.js项目(基于Knockout组件和requirejs)。我有一个需要的启动文件,它可以工作。文件中的脚本入口是在requirejs转webpack中,我的入口文件如下require("../src/app/startup");document.write(require("raw!./base.html"));base.html和原来的html文件一样,定义为问题是当我运行该页面时,没有任何反应。当我在startup.js文件中放置一个调试器时,它实际上被命中了,所以我知道它正在被调用,但页面上除了基本html之外什么都没有。组件未呈现。我如何让它工

javascript - 如何在 Elm 中创建有状态、模块化、独立的 Web 组件?

假设您要创建一个包含3个按钮的UI。当您单击其中一个时,其他的将被释放。在JavaScript中,你可以这样写:varelements=["Foo","Bar","Tot"].map(function(name){varelement=document.getElementById(name);element.onclick=function(){elements.map(function(element){element.className='button';});element.className='buttonselected';};returnelement;});.butto