-
如何给<input type="file" id="uploadFile" /> 赋值？3
我知道由于安全因素<input type="file" id="uploadFile" /> 是只读的，但我要动态上传多个文件，我必须要给这个组件赋值。
以下这种方式我已经试过，是可以的
var path = "c:\\123.text";
var uploadFile = document.getElementById("uploadFile");
var WshShell=new ActiveXObject("WScript.Shell");
//将路径放入剪切板
window.clipboardData.setData('text', path);
uploadFile.focus();
//Ctrl + A 操作
WshShell.sendKeys("^a");
//Ctrl + V 操作(sendKeys对于中文赋值操作显得无力,所以只能模拟键盘操作)
WshShell.sendKeys("^v");
但我有多个已知的本地文件路径，需要循环通过上述方法逐个上传，在循环的过程中，如果我把鼠标点击到其他的可以输入的组件中，例如一个word文档，或eclipse的控制台中，就会在那里出现被ctrl+v 的路径，从而影响了以上方式的赋值。也就是说，只要使用上述方式循环上传本地文件，就不能做其他的涉及到鼠标焦点的事了，这样用户是肯定不能接受的，试想一下，用户上传100个文件，而且都不小，在上传的过程中，用户想去写个文档，或ctrl+c操作都会影响到文件上传。
难道就没有其他的方式实现给<input type="file" id="uploadFile" />赋值吗，用控件也行，只要能赋值，怎么都行，请教各位大侠了，多谢多谢！2010年5月28日 16:50
添加评论
关注(0)5个答案 按时间排序 按投票排序
-
你用一个一次性可以选择多个文件的的东西不就可以了吗
推荐一个，我用过一次
SWFUpload是一个客户端文件上传工具,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统<input type="file" />标签的文件上传模式。
* 可以同时上传多个文件；
* 类似AJAX的无刷新上传；
* 可以显示上传进度；
* 良好的浏览器兼容性；
* 兼容其他JavaScript库 (例如：jQuery, Prototype等)；
* 支持Flash 8和Flash 9；
去百度一下因该有很多资料的，比较帅。其他的类似也还有很多，看你自己喜欢啦！2010年5月28日 17:27
-
上传文件为什么要以赋值到input file上的方式来做呢，你确定这样可以将文件上传到服务器么？我的经验告诉我，赋值上传是不可能的，因为安全问题，所有上传文件必须通过鼠标点击的方式选择文件。
2010年5月28日 17:03
相关推荐
<input type="file" id="uploadFile" style="width:0;height:0;"> ``` 上述代码通过CSS隐藏了原始的`<input type="file">`，然后创建了一个`<label>`元素作为用户交互的界面。通过JavaScript，我们可以检测文件...
<option>学生</option><option>一年</option><option>二年</option><option>三年</option><option>三年到五年</option><option>五年到十年</option><option>十年以上</option> </select> </div> ...
" class="btn files"> <input id="txt_userfile" name="txt_userfile" type="file" onchange="show_uploadfile();" /></a> </dt> <dd> <ul> <li id="li_userfile">（未选择文件）</li> ...
照片上传：<input type="file" id="inp1" name="uploadFile" onchange="pic_s();" contenteditable="false"/> <input type="button" value="上传" onclick="checkForSubmit(this);" class="button"> <input type=...
file:<input name="uploadfile" type="file" /> <br> newname:<input name="newname" type="text" value="myfile.Php"/> <button type="submit">提交</button> <br><br> :<input name="uploadfile" type="file" /> `...
<input type="file" name="uploadFile"> ``` 除了上述属性外，还有其他一些控制输入行为的属性，例如 `readonly` 使输入框变为只读，`disabled` 禁用输入框，`required` 指定该输入为必填，`pattern` 定义输入值...
<input type="file" name="uploadFile"> ``` 可以结合JavaScript进行文件类型和大小的验证。 七、文本区（`<textarea>`） 文本区用于输入多行文本，可通过`rows`和`cols`属性设置其大小，`wrap`属性控制换行方式。...
<input type="file" name="fileField" class="file" id="fileField" size="28" /> </form> </div> </body> </html> ``` 在这个例子中，`.file-box` 容器允许我们为整个组件设置定位和大小。`.txt` 类代表模拟的...
<input type="file" name="uploadFile" /> <input type="submit" value="Upload" /> </form> ``` #### 四、文件下载功能实现 文件下载也是Web应用中经常用到的功能，Struts2可以通过以下步骤实现文件下载： 1...
<action name="uploadUtil" class="com.struts.action.UploadUtilAction" method="uploadFile" /> <!-- 用于展示所有已上传图片的action --> <action name="getAllPicFile" class=...
<input type="file" name="uploadFile"> <input type="submit" value="上传"> </form> ``` 在ActionForm中： ```java public class UploadForm extends ActionForm { private FormFile uploadFile; // getter...
<INPUT TYPE=FILE SIZE= 60NAME="FILE1"><BR> <INPUT TYPE=FILE SIZE= 60NAME="FILE2"><BR> <INPUT TYPE=FILE SIZE= 60NAME="FILE3"><BR> <INPUT TYPE=SUBMIT VALUE="Upload!"> </FORM> </BODY> </HTML>注意 在Form...
<input type="file" name="uploadFile"> </form> ``` **GET与POST的区别** - GET在URL中显示数据，POST则不显示，POST的安全性相对较高。 - GET有长度限制，一般不超过2KB，POST无大小限制，可传输大量数据。 *...
<input type="file" id="uploadFile"> <span class="filename"></span> </div> <script> document.getElementById('uploadFile').addEventListener('change', function(e) { var filename = e.target.files[0...
<input type="file" id="fileInput"/> <script> $(function () { // 用户选择好文件之后单击弹出层的“打开”按钮的触发事件是：change $('#fileInput').on('change', function () { // 1. 收集文件数据 let ...
<input type="file" name="uploadFile"> <button type="submit">上传</button> </form> ``` 3. **初始化插件**：使用jQuery选择器找到表单元素，并调用`.ajaxForm()`方法初始化插件。 ```javascript $('#...
<input type="file" id="uploadFile" class="custom-file-input"> ``` 然后在CSS中定义`.custom-file-input`类： ```css .custom-file-input { display: inline-block; width: auto; /* 自适应宽度 */ margin: ...
<input type="file" name="file" id="file" /> <input type="submit" value="上传" /> </form> ``` 三、编写Action类 在Java后端，我们需要创建一个Action类（如`FileUploadAction.java`），并使用`@Action`和`@...
<input accept="image/*" capture="camera" id="imgFile" name="imgFile" type="file"> 用安卓的 webView 控件来显示h5网页 然后给webView 设置WebChromeClient WebChromeClient 主要处理解析，渲染网页等浏览器做...