Tag: 文件上传

Jquery文件上载SyntaxError:JSON.parse:JSON数据之后的意外非空白字符

我想使用产品,但上传图片时,我看到错误 SyntaxError:JSON.parse:JSON数据之后的意外非空白字符 script directory: Folder2 directory Jquery-file-upload: function/blueimp-jQuery-File-Upload/ in main.js i edit rows $(‘#fileupload’).fileupload({ // Uncomment the following to send cross-domain cookies: //xhrFields: {withCredentials: true}, url: ‘server/php/’ }); 上 $(‘#fileupload’).fileupload({ // Uncomment the following to send cross-domain cookies: //xhrFields: {withCredentials: true}, url: ‘../function/blueimp-jQuery-File-Upload/server/php/’ }); 图像true保存在服务器上,但在上传后显示错误。 Step1 http://sofzh.miximages.com/php/8c8d911589de.jpg Step2错误 http://sofzh.miximages.com/php/7e05d92b30ef.jpg furebug对请求的回应 [{“name”:”1353755388.jpg”,”size”:879394,”type”:”image\/jpeg”,”url”:”http:\/\/malish-ka.ru\/function\/blueimp-jQuery-File-Upload\/server\/php\/files\/1353755388.jpg”,”thumbnail_url”:”http:\/\/malish-ka.ru\/function\/blueimp-jQuery-File-Upload\/server\/php\/files\/thumbnail\/1353755388.jpg”,”upload_to_db”:true,”delete_url”:”http:\/\/malish-ka.ru\/function\/blueimp-jQuery-File-Upload\/server\/php\/?file=ExPRoG-1353755388.jpg”,”delete_type”:”DELETE”}]/home/m/malishkaru/public_html/function/blueimp-jQuery-File-Upload/server/php 告诉我,为什么我有这个错误? 出错时?

通过ajax将文件上传到php

我的表单使用javascript警报与用户进行通信,因为这是我工作的公司的首选方法(而不是与php处理程序文件之间的常量重定向)。 因此,我通过jquery中的一些简单validation传递所有表单数据,并通过ajax将其发送到php处理程序。 这是我如何做的基本看法…… var first_name = $(sender + ‘ #first_name’); var email = $(sender + ‘ #email’); var tel = $(sender + ‘ #telephone’); var comments = $(sender + ‘ #comments’); $.ajax({ type: ‘POST’, url: ‘sendmail.php’, data: { first_name: first_name.val(), email: email.val(), telephone: tel.val(), comments: comments.val(), success: function clearFields() { first_name.val(”); email.val(”); tel.val(”); comments.val(”); alert(‘Thank […]

异步JQUERY文件上载

我有一个带有文件输入类型的HTML表单。 我需要将表单异步提交给服务器。 服务器侦听传入文件上载(多部分文件上载)请求。 是否有可能使用jquery实现这一点。

CodeIgniter,Jquery Ajax,表单提交和文件上传

我正在使用CodeIgnitor Framework在一个网站上工作。 问题与CodeIgniter,Jquery Ajax,表单提交和文件上载有关 我的HTML是:仅提供以下HTML的相关部分 Chapter Name Training Video Upload PDF UPLOAD PDF 我的JQUERY CODE是 function abc(){ var training_id = $(‘#training_id’).attr(‘value’); var cname = $(‘#cname’).attr(‘value’); var video_url = $(‘#video_url’).attr(‘value’); $.ajax({ type: “POST”, url: “../chapters/create”, data: “training_id=”+training_id+”&cname=”+cname+”&video_url=”+video_url, success: function(returned_html){ echo returned_html; } }); }//end of function abc 如何将输入类型文件数据传递给控制器​​? 我尝试了各种方法但没有任何作用。

显示所选文件而不回发

我有一个 ,用户选择一个图像文件。 是否可以在页面上显示此图像而无需先将其实际上传到服务器? 基本上我想要做的是使用用户计算机上的本地文件。 PS – 我正在使用JQuery。

以编程方式从多个输入字段上载多个文件 – blueimp jquery fileupload

我正在尝试使用blueimp / jQuery-File-Upload插件通过PHP上传处理程序将图像存储在服务器中。 我一直在关注这些post,以使其工作: https://github.com/blueimp/jQuery-File-Upload/wiki/API https://github.com/blueimp/jQuery-File-Upload/wiki/Multiple-File-Input-Fields-in-One-Form 以一种forms以编程方式发送多个文件输入字段 BlueImp插件jQuery文件上传:如何使用fileInput选项,以便fileupload()可以绑定新动态添加的输入? 我正在使用的文件上传表单,有多个动态添加的文件输入字段。 例如,添加3个字段后: … … … … … … Save 我可以使用以下JS代码从这些字段成功上传文件: var imageUpload = { init: function (selector, context, options) { selector = selector || ‘.file-upload’; context = context || $(‘.entry’); var filesList = []; var url = site_url + ‘/doUpload’; $(selector).fileupload(options || { url: url, type: ‘POST’, […]

为什么IE没有重置文件输入字段?

在用户选择要上传的文件后,我已修改当前表单以触发表单提交。 上传完成后,我致电: $(‘#file’).val(”); 重置文件输入字段。 HTML 这适用于Chrome,FF和Safari,但在IE中不起作用。 IE有解决方法或更好的解决方案吗?

Blueimp文件上传,您如何知道进度回调的文件?

您如何知道进度回调的文件? 即使我将sequentialUploads设置为true,仅在IE10中(不是Chrome / FireFox / Safari),当我选择同时上传多个文件时,add callback中的data.files数组包含多个文件。 对于所有其他浏览器,每个文件调用一次add回调,该数组总是只有1个文件。 所以我做一个for循环来处理add回调中的每个文件,没问题。 但是,现在我正在更新进度回调,我没有看到任何方法来知道进度的文件。 回调得到2个参数,“e”和“data”,数据对象已经加载,总值给了我进度……但对于哪个文件? 一些处理回调有data.index来告诉你它是哪个文件,但上传进度没有。 这只是缺少的function,还是我错过了什么? 我的代码现在很难看,因为我正试图解决这些新的IE10问题。 在此之前,我只是指望data.files数组总是只有1项。 无论如何,这是我的代码,当我有机会时,我会尝试清理它: self.initFileUpload = function(elem) { $(elem).fileupload({ dataType: ‘json’, global: false, sequentialUploads: true, forceIframeTransport: !!ie, formData: { hostSID: app.viewModels.main.hostSID() }, done: function(e, data) { for (var x = 0; x < data.result.files.length; x++) { var file = data.result.files[x]; var u = […]

上传图像表格和另一个填写表格

我所拥有的是一个包含姓名,地址等详细信息的表单以及另一个单独的上传个人资料图片表单。 我希望在提交“父”(单独)表单时获取(可选)上传的图片。 现在他们的工作方式如下: 上传的pic通过.ajaxSubmit()发送到process_uploaded_image.php。 然后处理,resize,并在“dump / temp”文件夹中创建新图片。 我可以success: function(data)地返回它success: function(data) ,可以是回显的https://stackoverflow.com/questions/13245426/upload-image-form-and-another-fill-up-form/$image_path_and_name的数据forms,也可以是 。 我这样做了 – 那个,有一个临时图像 – 从那以后 (1)我想让用户查看他刚刚上传的内容(记得我已经将它返回到jquery的路径或img元素,我可以把它放在我想要的任何地方),以及 (2)上传的图像不是最终的,直到“父”表格完成注册。 毕竟它仍然是一个临时图像。 所以, 问题是 : 我想访问上传的图像,并在提交时“带”它与“父”表单一起 …我怎么能这样做呢? 从技术上讲,它不是父表格,因为我知道表格中的表格是不允许的。 但它在逻辑上与父母forms捆绑在一起。 我会感谢任何帮助,但如果可能的话,如果你能考虑我现在的情况,我会更加感激,所以我不必再从头开始。 再次感谢。 我的想法:(请让我知道这是多么可行……和/或我如何做的准则#1) 1.从https://stackoverflow.com/questions/13245426/upload-image-form-and-another-fill-up-form/$image_path_and_name字符串或返回(数据)的ajax-jquery“重建”或复制该文件,将其放在最终上传文件夹中。 <—这就是我被殴打的地方! 我不能只使用move_uploaded_file() ,可以吗? 2.从这一点开始,一切都是最终的……我可以将其文件路径保存到我的数据库,以及其他表单信息。 3.清空dump / temp文件夹。

通过jQuery在一个Ajax调用中使用其他字符串发送ArrayBuffer

我正在研究一个需要将大文件上传到服务器端的项目。 我决定使用HTML5 FileReader和jQuery以块(ArrayBuffer)上传文件。 我通过将块转换为base64字符串成功完成了此任务,通过jQuery.post使用JSON格式的data参数发送到后端服务器。 例如 $.ajax({ url: “/Home/Upload”, type: “POST”, data: { name: block.name, index: block.index, base64: base64 }, processData: true }); 但我想优化此代码,因为base64太大而无法转换。 我想知道我是否可以通过$.ajax直接发送ArrayBuffer。 我知道如果我设置processData: false并将ArrayBuffer放入数据参数,它可以作为Request.InputStream发送到我的服务器端。 但是这样我就无法附加name和index等其他数据。 我想知道我可以在一次ajax调用中将原始ArrayBuffer(或blob,binary)与我的其他数据(名称,索引)一起发送。