Tag: 文件上传

如何使用type = submit呈现按钮时如何使用jQuery Form触发提交？: 鉴于这种forms Share 我正在使用这个基于的按钮用于样式目的。我要做的是绑定按钮上的click事件并触发提交function，如： $(‘.picture_js’).click(function(e){ e.preventDefault(); pictureUpload(); return false; }); function pictureUpload() { var options = { url: ‘chat/upload’ } $(‘#posts_form’).ajaxForm(options); } 但是没有响应点击按钮（控制台上也没有错误） – 任何建议如何使这项工作？

Jquery – 按下打开按钮（来自input =“file”）后启动一个函数: 如何在按下打开*按钮后启动function？ HTML JS $(function(){ $(‘body’).append(‘jq works ‘); $(“#xxx”).submit(function () { $(‘body’).append(‘start function’); }); }); jsfiddle http://jsfiddle.net/vGBaK/ 编辑：我的意思是这个按钮 – > 谢谢你的推荐！彼得

PHP jQuery .ajax（）文件上传服务器端了解: 我有一个以前只用于用户文本属性的HTML表单，这些表单都是使用AJAX通过URL调用PHP控制器函数来通过数据库和服务器端调用刷新页面内容（删节版本）这个“创建用户”表单现在需要为用户图像合并文件上载机制问题是表单是通过.ajax #create表单提交中的.serialize提交的 $.ajax({ url: ‘controller.php?command=create’, type: ‘POST’, data: $( form ).serialize(), create URL调用PHP控制器echo $dmv->create(); ，这是模型公共function create(){ //execute database insert and execute 我已经读过序列化对文件没有意义，这是真的，但我也想弄清楚如何更新我现有的表单以将文件上传function合并到它我试图理解jquery.form.js插件（ http://malsup.com/jquery/form/#file-upload ），但无法理解如何将它们组合在一起。我相信我需要做的是将文件上传作为单独的逻辑执行，然后与文件名的原始逻辑绑定，这是文件存储，其中唯一的图像名称存储在记录下的数据库中，而不是BLOB图像存储。如果我能提供任何进一步的信息，请告诉我，并感谢您提供的任何帮助。

Krajee文件输入仅上传最后选择的图像: 我试图从http://plugins.krajee.com/file-input/demo集成文件输入插件。这是我的简单forms：这允许我浏览并选择多个文件。当我提交表单时，它会将所有文件上传到我的服务器。但是，当我浏览选择文件1然后我浏览以选择另一个文件（文件2）。它还显示2个文件预览但是当我提交表单时，它只上传最后一个选择文件。请帮忙……谢谢这是我的process.php文件： <?php if(isset($_POST["submit"])){ require("../configs/dbconnect.php"); /*Form variable */ $owner = mysql_real_escape_string($_POST["owner"]); $title = mysql_real_escape_string($_POST["title"]); $description = mysql_real_escape_string($_POST["description"]); $city = mysql_real_escape_string($_POST["city"]); $brand = mysql_real_escape_string($_POST["brand"]); $marketprice = mysql_real_escape_string($_POST["marketprice"]); $price = mysql_real_escape_string($_POST["price"]); $phone = mysql_real_escape_string($_POST["phone"]); /*** the upload directory ***/ $upload_dir= 'uploads'; /*** numver of files to upload ***/ $num_uploads = 5; […]

对于HTML5 Fileupload，需要“mouseover with file”事件: 我正在为jQuery开发一个新的HTML5上传脚本，当用户’使用文件!!’hover’div时，我必须识别该事件。我不想强调div。

BlueImp插件jQuery文件上传：如何使用fileInput选项，以便fileupload（）可以绑定新动态添加的输入？: 我使用BlueImp插件上传我的文件。当用户点击“添加文件”时，用户动态添加新文件输入。然后，当用户上传文件时，它通过AJAX存储在我的web文件夹中。我的第一个想法是在生成的id上调用fileupload方法（例如： $(‘#files_0’).fileupload( { //ajax processing } ); 但是这个解决方案不起作用，因为加载页面时输入不存在。所以我需要类似$(‘#files_0’).live(‘click, function ({ fileupload( { //ajax processing } ) )};但那也不行。所以我检查了文档和论坛，发现这是一个使用fileInput选项的解决方案。所以我在这里做了什么，但那不起作用。任何帮助都会很棒！ $(‘#myDiv’). fileupload( { fileInput : $(‘#files_0), dataType: ‘json’, url:'{{ path(‘MyBundle_ajax_upload_picture’) }}’, progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $(‘#progress .bar’).css( ‘width’, progress + ‘%’ ); […]

如何在中打开特定文件夹: 我想从特定文件夹上传我项目中的图像。当我点击选择文件按钮它进入默认文件夹或最后打开的文件夹，但我想这样做总是打开一些特定的文件夹，如文件/所有图像/动物图像/ 。 First Name: Last Name: Choose Image: 有人告诉我解决方案。

当用户使用jquery上传文件时，如何提取整个路径: 我试图提取用户在浏览器上传的文件的整个路径，我需要使用javascript或jquery。如果我给($(“#userfile”).val()); 我只能提取文件名而不是整个路径。有人可以帮我这个吗？

跨浏览器打开文件浏览对话框: 我一直在寻找那个圣杯 – HTML中的好文件对话框。我想出了一个解决方案，当单击一个按钮时，使用jQuery click()隐藏的（隐藏）文件元素。这在FireFox 4中运行良好，但Chrome和Opera失败。将click()更改为focus()适用于Chrome，但Opera中没有任何function。我还没有测试IE，但我还不想生活。这是当前的代码： HTML Profile Picture jQuery的 $(“.formFile input[type=’file’]”).live(‘change’, function() { $(this).parents(“.formFile”).find(“input[type=’text’]”).val($(this).val()); }); $(“.formFile input[type=’button’]”).live(‘click’, function() { $(this).parents(“.formFile”).find(“input[type=’file’]”).click(); }); $(“.formFile input[type=’text’]”).live(‘click’, function() { $(this).parents(“.formFile”).find(“input[type=’file’]”).click(); }); 任何人都可以提供使用jQuery / JavaScript打开文件对话框的跨浏览器方式吗？由于需要输入交互（CSS :hover ）等，我不想使用透明元素技巧。

Blueimp文件上传IE 8中没有发生任何事情: 我在一个项目上使用blueimp文件上传插件，并且遇到了IE8的一些困难，主要是没有发生任何事情！我的设置尽可能接近插件演示设置 – 文件包含在相同的顺序中，html结构只有很小的变化，css是相同的等等。在其他浏览器+ ie9中，一切都按预期工作，但在ie8中，好像添加图像的按钮没有附加任何内容。如果我上传ie9然后使用开发工具将文档类型切换到ie8，则会成功从服务器检索图像。我很难显示完整的代码，因为该文档非常令人费解，但页面位于此处： http ： //www.yoursplash.co.uk/index.php ? route = product / product＆product_id = 108 这几乎是与文件上传相关的所有内容：这些是我按此顺序包含的文件，以使插件工作这是我自己的插件实现 ‘use strict’; $(document).on(‘ready’, function () { $.ajax({ url: ‘/index.php?route=product/userimage&usetype=get’, dataType: ‘json’, context: $(‘#fileupload’)[0] }).done(function (result) { $(this).fileupload(‘option’, ‘done’).call(this, null, {result: result}); if ($(‘#filesContainer > .template-download’).length > 0) { $(‘a[href=”#user-upload”]’).removeClass(‘selected’).siblings(‘a[href=”#user-photos”]’).addClass(‘selected’); $(‘#user-upload’).hide().siblings(‘#user-photos’).fadeIn(); }; }); }); […]