草庐IT

INPUT_FILE

全部标签

javascript - 如何在 JavaScript 中将 File 对象添加到 FileList 集合?

我正在处理拖放文件上传字段。我能够返回一个FileList对象,其中包含用户指定的文件。我有一个隐藏的文件输入字段,然后我想将文件对象添加到其中,这样我就可以通过AJAX发送表单数据。我遇到的问题是我似乎无法将文件对象复制到文件输入字段。这是我尝试的方式:varfiles=evt.dataTransfer.files;//FileListobject.varfileUploadElem=document.getElementById(fileUploadId);//tryingtocopythefirstfileoffilesintothefileuploadfieldfileUplo

javascript - 无法使用 JQuery-File-Upload 从文件列表中删除文件

我在使用JQuery-File-Upload时遇到问题插入。我直接使用插件,而不是通过作者提供的html示例页面。基本上我有一个带有一些输入的表格其中之一是文件输入。第一次上传工作正常,但当我尝试第二次上传时,两个文件都被发送(第一个是第二次),而它应该只是第二个。例子:文件1被选中。文件1已上传。成功。使用jquery我用$(FORM_SELECTOR).trigger('reset')重置了表单已选择文件2。文件1和文件2均已上传。问题。现在我有文件1的两个副本。这不是我想要的。显然,如果它只工作一次,那么使用ajax表单上传没有多大意义,所以我认为我缺少一些东西。有没有办法重置文

javascript - Karma 中的单元测试 : Keypress inside a text Input

有一个简单的html文本输入:testcharacter.init();希望能够在此文本输入内发生的每个按键上运行单元测试,并根据特定键检查它。Javascript文件是:'usestrict';window.testcharacter=window.testcharacter||{};(function(){vartestcharacter=function(k){vars=document.getElementById('inputstring').valueif(s!=null||s.trim()!=""){if(k==65){document.getElementById('r

javascript - Angular : how to get input value without ng-model

我有form动态插入input到DOM(来自其他插件)。有没有办法在没有ng-model的情况下从此输入读取值?[]我看了很多例子,但是到处都有人写关于ng-model...:( 最佳答案 使用监视更改的指令。然后,如果认为有必要,您可以将其分配给您的范围。.directive('watchForChanges',function(){return{link:function(scope,element,attrs){element.on('change',function(e){console.log(e.target.value

javascript - 使用相对路径从根加载图像使用--> webpack - file-loader - Angularjs

我正在使用Webpack在我的HTML、CSS和JS上加载图像。我的配置是:{varpath=require('path');varwebpack=require('webpack');constHtmlWebpackPlugin=require('html-webpack-plugin');constExtractTextPlugin=require('extract-text-webpack-plugin');varconfig={entry:['angular','./src/lib.js','./src/app.js',],output:{path:path.join(__di

javascript - 有什么理由不使用 src ="//domain.com/file.js",它是动态协议(protocol)?

在我的一些电子商务应用程序中,我已经开始使用src="//domain.com/file.js"来处理我想要引用的外部托管脚本包括。在我的电子商务应用程序中,并非所有页面都实际使用https,因为并非每个页面都有表单。我想知道总是使用它是否真的有任何缺点,因为它也是http的快捷方式,而且您始终可以避免不安全的IE警告。 最佳答案 如果您的目的是从与页面加载相同的协议(protocol)加载资源,那么使用它是实现它的完美方式。但是,您可能需要从http加载一些资源,即使您的页面当前在https下提供(假设资源仅在http下提供)>或

javascript - 在 input[type=file] 上使用 click() 时出现问题

click()函数有问题。它在Opera中不起作用。我正在尝试使inputtype=fileclickedon另一个元素的onclick事件。我需要设置我的输入type=file元素的样式,因此我将其设置为不可见,并将其替换为简单样式的按钮。现在我希望在单击按钮时单击文件元素。我不能使用jQuery,因为我在我的页面中使用MooTools库作为日历,当我尝试使用jQuery时它会产生冲突。我也尝试使用jQuery.noConflict();来避免冲突,但我做不到,因为我是jQuery的新手。这是我的html代码:这是我的JavaScript代码:functionshow_upload(

javascript - contentEditable + selectAll : Firefox won't allow keyboard input on dynamically generated content

我在使用包含contenteditable="true"属性的动态生成元素的Firefox中遇到问题(其他浏览器似乎工作正常):如果我selectAll(动态地或使用我的鼠标),Firefox将不允许键盘输入。请看我的jsFiddleExample以供引用。这似乎只影响Firefox。$(document).ready(function(){$('.edit').live('dblclick',function(){document.execCommand('selectAll',false,null);});$('#live').append('Thiscontentisgenera

javascript - Angular 2 自定义验证器 : check if the input value is an integer?

在Angular2项目中,我需要验证一些输入。如何轻松检查输入值是否为整数?我尝试使用Number(control.value)为空字段返回0-不好。或parseInt(control.value,10)不考虑空格:如果我有类似的东西:1space0,24=1,024它返回1-它通过了验证器没有错误。Lodash函数如:_.isInteger(control.value)或_.isNumeric(control.value)//每次都返回false-这是预期的,因为输入值是字符串而不是数字。像这样组合方法会创建一个包含许多if/else语句的困惑函数,即便如此,我也不确定我是否得到了所

javascript - Polymer 在按键上获得 paper-input 、核心输入字段的值

我有paper-input元素我可以在释放按键时捕获事件。Polymer("app-input",{ready:function(){this.value=false;},keypressHandler:function(event,detail,sender){console.log("inputChanged");console.log(this.value);}});但只有当焦点从输入字段中移除时,this.value才会更改,因此我无法在按钮被释放时检索元素值。如何在keypressHandler()中获取元素值? 最佳答案