上传图片表格和另一份填写表格

2024-04-02

我拥有的是一个包含姓名、地址等详细信息的表单,以及另一个单独的上传个人资料图片表单。我想在提交“父”(单独)表单时获取(可选)上传的图片。
现在他们的工作方式如下:
上传的图片已发送至.ajaxSubmit()到 process_uploaded_image.php。然后对其进行处理、调整大小,并在“dump/temp”文件夹中制作新图片。我可以将其退回success: function(data),以可以回显的数据形式$image_path_and_name或作为<img src="$image_path_and_name"/>。我这样做了 - 也就是说,有一个临时图像 - 因为
(1)我想让用户查看他刚刚上传的内容(记住我已经将它返回到 jquery 的路径或 img 元素,我可以将其放置在我想要的任何地方),并且
(2) 上传的图片不是最终的,直到“家长”表格完成注册为止。毕竟它仍然是临时图像。

So, 问题是: 我想访问上传的图像,并在提交时将其与“父”表单一起“携带”...我该怎么做呢?从技术上讲,它不是父表单,因为我知道不允许使用表单内的表单。但从逻辑上讲,它是捆绑在该父形式下的。我将不胜感激任何帮助,但如果可能的话,如果您能考虑我目前的情况,我将更加感激,这样我就不必再次从头开始。再次感谢。

My idea:(请让我知道这有多可行......和/或关于我如何做#1的指南)
1.“重建”或从ajax-jquery返回的(数据)复制该文件$image_path_and_name字符串或<img src="$image_path_and_name"/>,将其放入最终上传文件夹中。我不能只用move_uploaded_file(), can I?
2.从那时起,一切都是最终的了..我可以将其文件路径以及其他表单信息保存到我的数据库中。
3.清空dump/temp文件夹。


我的解决方案是使用iframe进行上传,并在iframe的返回页面中使用这样的JavaScript

echo("<script type=\"text/javascript\">parent.insert('". $WHAT_YOU_WANT . "');</script>");

和函数insert在父页面中定义,可以将字符串插入到您想要的位置。obj_ta是目标文本字段,或者其他东西。

//A simple input
function insert(str) {
    obj_ta.value = str;
}

//A textfield which accept some other user inputs
function insert(str) {
var startPos = obj_ta.selectionStart,
    val = obj_ta.value;
obj_ta.value = val.substring(0, startPos) + str + val.substring(startPos, obj_ta.value.length);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

上传图片表格和另一份填写表格 的相关文章

随机推荐