来自 http://dondedeportes.es/uploader-previewer/ 的图片上传工具:更改输入以
Image uploader from http://dondedeportes.es/uploader-previewer/: Change input to take multiple requests
我正在使用标题中来自 SITE 的图像上传器。此图像上传器会生成多个表单及其各自的 iframe 以供输入。
我正在尝试消除这个单独的输入,并且只有一个输入需要多次上传(至少最多 4 个)。我与作者交谈,只收到修改上传者预览器的答案.js我得到了我想要完成的事情。
如何修改 js 文件以使其生成一个需要多个文件上传的输入(至少最多 4 个)?
如果你想全面看看js文件:这里
构造表单
jQuery.uploaderPreviewer = new Object({
formsCount: 1, // number of image forms to handle
allowedImageTypes: new Array('png', 'jpg', 'jpeg', 'gif'),
uploadImageAjaxUrl: 'php/uploadImage.php',
removeImageAjaxUrl: 'php/removeImage.php',
uploadsThumbDir: 'uploads/thumb/',
messages: {
imageLabel: 'Image',
fileTypeError: 'The file is not an allowed type.',
removeButtonCaption: 'remove',
removeButtonTitle: 'Remove the image'
}
});
公共功能
jQuery.uploaderPreviewer.createImageForms = function(options) {
$.extend(this, options);
var forms = '';
for(var i=1; i <= this.formsCount; i++) {
forms += createImageForm(i);
}
return configureImageForms($(forms));
};
如果你不介意使用另一个脚本,我会建议这个脚本。一直在其他项目中使用它,唯一的缺点是与以前的IE版本(拖放)有一些轻微的不兼容。
https://github.com/valums/file-uploader/
尝试从
http://jquery.malsup.com/form 插件中获取 ajaxSubmit 功能。我已经尝试过了,在我测试过的每个浏览器中它对我来说都很好(Ie7)
尝试使用 HTML5 input[multiple]
属性。
相关文章:
- 如何从 Chrome 中的文件输入中删除“未选择文件”工具提示
- 使用输入元素作为工具提示中的内容
- 来自 http://dondedeportes.es/uploader-previewer/ 的图片上传工具:更改输入以
- 如何从javascript手动触发工具提示和输入框
- 丰富的面孔 :如何在输入数字滑块工具提示的值旁边添加静态文本
- 有没有办法强制工具提示显示在输入元素的特定位置
- 无法将表单输入字段上的 JQuery UI 工具提示限制为仅在单击/焦点事件上显示
- 窗口原生键输入在javascript中用于挤压自动化工具
- 鼠标输入时未显示工具提示
- 如何使用WebKit开发工具调试JavaScript中的用户输入问题
- 用户输入的javascript不如浏览器web开发工具安全
- 是否有一个字体选择工具在用户输入表单中使用它
- 如何使用甘特-工具提示属性在角表格中显示用户输入格式的日期
- 如何在输入字段type= " file "时添加引导工具提示
- 在Highcharts中动态显示用户输入作为工具提示
- 在输入处添加工具提示
- 我可以使用javascript调用本地HTML5输入工具提示吗?
- 强制显示输入框工具提示/标题
- JQuery工具提示仅在输入字段焦点处可见
- 输入工具顶部插件