我正在使用ajax上传脚本(http://hayageek.com/docs/jquery-upload-file.php)在表单中上传pdf和图片。 pdf一个很好用,隐藏的表单字段用返回的数据(一个整数!)进行操作。图像1接收返回的数据,但不更新隐藏的表单字段
编辑:我不知道复制和粘贴后出现多余的副作用 - 重新粘贴!
这是我的代码
<div id="fileuploader">Image Upload</div><br/><div id="fileuploader2">PDF Upload</div></p>
<input type="hidden" name="image" value="" id="image_id"/>
<input type="hidden" name="pdf" value="" id="pdf_id"/>
<script>
jQuery(document).ready(function($)
{
$("#fileuploader").uploadFile({
url:"http://snug/worshipbanners/wp-admin/admin.php?page=worship-banners/index.php&banners-upload=true&filename=image",
fileName:"image",
allowedTypes:'png,jpg,gif',
dragDropStr: "<span><strong>Drag & Drop 2050mm x 300mm CYMK PDF</strong></span>",
returnType:'json',
onSuccess:function(files,data,xhr){ $("#image_id").val(JSON.parse(data));console.log(data)}
});
$("#fileuploader2").uploadFile({
url:"http://snug/worshipbanners/wp-admin/admin.php?page=worship-banners/index.php&banners-upload=true&filename=pdf",
fileName:"pdf",
allowedTypes:'pdf',
dragDropStr: "<span><strong>Drag & Drop 2050mm x 300mm CYMK PDF</strong></span>",
onSuccess:function(files,data,xhr){ $("#pdf_id").val(JSON.parse(data));console.log(JSON.parse(data))}
});
});
</script>
答案 0 :(得分:0)
我在其中一行中看到了一组额外的括号,您可以在其中设置表单字段的值。我想知道这条线是否正在运行。尝试删除此行开头的括号:
()$("#image_id").val...
答案 1 :(得分:0)
如果返回的类型是JSON,就像你JSON.parse(data)
你应该添加
returnType:'json',
$("#fileuploader2").uploadFile({
url:"http://snug/worshipbanners/wp-admin/admin.php?page=worship-banners/index.php&banners-upload=true&filename=pdf",
fileName:"pdf",
allowedTypes:'pdf',
dragDropStr: "<span><strong>Drag & Drop 2050mm x 300mm CYMK PDF</strong></span>",
returnType:'json', //ADDED HERE
onSuccess:function(files,data,xhr){ $("#pdf_id").val(JSON.parse(data));console.log(JSON.parse(data))}
});