Tag: 文件上传

在自定义文件上传中使用jquery设置val()后需要单击提交按钮两次

我试图通过隐藏它并放入我自己的控件来设置ASP.NET FileUpload控件的样式。 我是用jQuery做的: $(function () { $(‘input[type=file]’).each(function () { var fileUpload = $(this); var textBox = $(”); textBox .css(‘width’, fileUpload.width() – 85) .css(‘margin-right’, 5) .prop(‘disabled’, fileUpload.prop(‘disabled’)); var button = $(”) .prop(‘disabled’, fileUpload.prop(‘disabled’)); fileUpload.change(function () { textBox.val(fileUpload.val()); }); button.click(function () { fileUpload.click(); }); fileUpload.after(button).after(textBox); fileUpload.hide(); }); }); 这基本上很好用,除了我需要在IE(10)中两次单击我的提交按钮。 我无法在jsFiddle中重现这一点,但我确实在它发生的情况下制作了一个简化的ASP.NET项目 。 在Firefox中,我没有这个问题。 有谁知道我可以从哪里开始看?

无法让jquery文件上传器出现在页面上

好的,我准备把头发拉出来。 我一直在尝试两个不同的文件上传器库,Blueimp的jQuery文件上传器和Valums文件上传器。 我无法使用其中任何一个在我的页面上显示上传按钮。 我试图将它放在jQuery手风琴div中的一个表单内。 我的代码必须遇到一些问题,这会阻止它出现在我的目标div中,但就控制台中的错误而言,我什么也得不到。 什么都没有显示出来。 有任何想法吗? 这是我的代码的Blueimp版本: HTML: URL: or 使用Javascript: function addUploaders() { $(‘#photoUpload’).fileupload(); }; 链接文件包括:

jQuery的文件上传

不确定你们是否可以协助这与jQuery-File-Upload代码有关。 我试图传递一个值来为我的上传创建一个文件夹名称。 基本上,在include中执行查询,并将数值返回给变量$ leaseId_file。 – $ leaseId_file变量成为文件夹名称。 这部分工作正常。 将创建文件夹并将文件保存到目录中。 但是,刷新页面时未列出上载的文件。 以下是我在文件php / .index.php中使用的代码 – 任何帮助都会很棒.-谢谢。 error_reporting(E_ALL | E_STRICT); include_once(‘../../../_includes/get_leaseId_files.php’); // All this does is returns a value for $leaseId_file. This is the value I want for the directory. require(‘upload.class.php’); class CustomUploadHandler extends UploadHandler { protected function get_user_id() { global $leaseId_file; return $leaseId_file; } } $upload_handler […]

单击按钮时显示打开对话框

我必须在按钮单击时显示一个Open Dialog 。 基本上我必须上传一个文件,为此我使用的是FileUpload控件,但我不想将它显示给用户,而是我要显示一个Button

Chrome和Firefox文件上传浏览错误

为了在表单类型=“文件”上传中拥有完整的UI样式,我有一个伪表单字段(#fileName),浏览,上传按钮。 我在下面有一个隐藏的表单,其中包含实际的表单字段(#fileAttach),浏览和上传按钮。 我试图触发它,以便当用户单击浏览时,它会触发实际的浏览按钮,然后获取实际输入字段的文件路径的值,并在伪输入字段上填充文件。 browse = function () { $(“#fileAttach”).click(); var file = $(“#fileAttach”).val(); $(“#fileName”).val(file); } 它适用于Safari和IE。 但是,在Chrome和Firefox中,它似乎在用户选择文件后停止执行。 文件名不会传递给伪表单字段。 但是,如果我第二次触发browse(),它会立即填充伪表单字段的第一个文件路径,然后生成一个新的文件浏览窗口。 Chrome / FF似乎只执行该function的第一行并暂停。 如果再次调用该函数,则执行第2行和第3行等。 这里发生了什么,我该如何解决? 先感谢您。

如何使用jquery显示上传的多个文件的总文件大小

我有一个表单,用户可以上传多个文件。 但是我只想让它们在所有文件的总大小不超过3GB时这样做。 我怎样才能做到这一点? 这是我目前的代码 var fileCount = 0; var showFileCount = function() { $(‘#file_count’).text(‘# Files selected: ‘ + fileCount + ‘Total file size :’+totalSize); }; showFileCount(); $(document).on(‘click’, ‘.close’, function() { $(this).parents(‘span’).remove(); fileCount -= 1; showFileCount(); }) $(‘#uploadFile’).on(‘change’, function() { var filename = this.value; var lastIndex = filename.lastIndexOf(“\\”); if (lastIndex >= 0) { filename = filename.substring(lastIndex […]

fileupload.js插件函数.fileupload()不起作用

我正在学习ASP.NET MVC文件上传而不刷新页面。 我希望在单击图像时调用文件单击并打开文件选择对话框,然后当用户选择文件时,它会自动开始上传。我正在使用fileupload.js插件上传我的文件。在演示程序中,它运行良好但是当我试图将它嵌入我的程序时,它无法正常工作。 问题似乎出现在我的_Layout页面中,我引用了文件路径。 我不知道我做错了什么,但我已经尝试了一切。 请帮帮我,提前谢谢。 _Layout Page: Head @ViewBag.Title .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; background-color: #AD6800; } Body //WOW Scroll Spy var wow = new WOW({ //disabled for mobile mobile: false }); wow.init(); $(function () { $(“.dropdown”).hover( function () { $(‘.dropdown-menu’, this).stop(true, true).fadeIn(“fast”); $(this).toggleClass(‘open’); //$(‘b’, this).toggleClass(“caret […]

jQuery-File-Upload和Spring MVC IE9不起作用

我使用jQuery-File-Upload和Spring MVC之类的服务器部分。 我尝试了这个例子 ,它在IE 9浏览器中不起作用。 它告诉我:“你想保存或打开物体” 客户端就像在示例中: jQuery File Upload Example $(function () { $(‘#fileupload’).fileupload({ dataType: ‘json’, done: function (e, data) { $.each(data.result.files, function (index, file) { $(”).text(file.name).appendTo(document.body); }); } }); }); 服务器是: @RequestMapping(value = “fileUpload/{id}”, method = RequestMethod.POST) @ResponseBody public FileUploadResultDTO upload(MultipartFile file, @PathVariable Long id, Locale locale, HttpServletRequest request) { FileUploadResultDTO resultDTO = […]

如何使用jQuery和php创建文件上传?

我如何创建一个jQuery多图像上传(上传没有刷新页面后选择文件只显示图像不插入数据库)并提交额外的表格数据并提交所有点击按钮没有刷新页面数据插入到数据库。 jquery和php? 喜欢: 标签forms有:复选框,输入:文本,输入:textarea,选择:选项和输入:文件 用PHP上传知道,但不知道用jQuery上传。 我从哪里开始,我应该使用什么? 给我链接会教程还是解释? 我没有使用插件,也不想从中获取想法。 尊重地

Blueimp FileUpload:返回responseText时出现fileuploadsubmit错误

我正在使用Blueimp FileUpload插件,当我尝试在上传图像后捕获响应时,一切都很好: var fi = $(‘#fileupload’); //file input var process_url = ‘/backoffice/listings/upload-images ‘; var progressBar = $(”).addClass(‘progress’).append($(”).addClass(‘progress-bar’)); //progress bar var uploadButton = $(”).addClass(‘button btn-blue upload’).text(‘Upload’); //upload button uploadButton.on(‘click’, function () { var $this = $(this), data = $this.data(); data.submit().always(function () { $this.parent().find(‘.progress’).show(); $this.parent().find(‘.remove’).remove(); $this.remove(); }); }); fi.fileupload({ url: process_url, dataType: ‘json’, autoUpload: false, acceptFileTypes: /(\.|\/)(gif|jpe?g|png|mp4|mp3)$/i, […]