php textarea上传,文件上传+textarea 提交的问题？

weixin_39637151

于 2021-03-29 07:17:14 发布

阅读量225

点赞数

文章标签： php textarea上传

该博客探讨了在JavaScript中使用Ajax进行文件异步上传，并在textarea提交时如何一并传递超链接内容的问题。作者提到，已将上传文件的URL保存在变量file_value中，但遇到困难在于如何在textarea提交时将此信息一起发送到后台。解决方案是将file_value与textarea内容一起作为数据参数发送。

摘要由CSDN通过智能技术生成

上传文件：

$("#duty_add").click(function(){

var root = $("p#root").text();

var vals = $.trim($("#content").val());

if(vals != ''){

$.ajax({

type : "POST",

url : root + "/duty/dutyadd",

data :{'content':vals},

success:function(data){

console.log(file_value);

$("#result").html(data);

}

});

}else{

alert('内容不能为空');

}

});

$("#upload_file").change(function(){

if($("#upload_file").val() != ''){

var root = $("p#root").text(); //获取路径

var root2 = $("p#root2").text(); //获取路径

var formData = new FormData($("#uploadForm")[0]);

$.ajax({

url: root + "/duty/fileup",

type: 'POST',

data: formData,

async: true,

cache: false,

contentType: false,

processData: false,

success: function (returndata) {

file_value[returndata.name] = returndata.url;

$("#uploadForm").prepend(''+ returndata.name + ''+"

");

}

});

};

});

附件上传是ajax异步提交，然互生成超链接。

$("#uploadForm").prepend(''+ returndata.name + ''+"

");

但是当textarea点击提交的时候，那么如何把超链接的内容也提交呢？

如果是多个上传文件，如何把上传文件函数返回的值提交呢？应该怎么获取比较方便，是不是我思路是错的？

想了好久想不通如何处理这样的？

给个思路也行，我想试试

回复内容：

上传文件：

$("#duty_add").click(function(){

var root = $("p#root").text();

var vals = $.trim($("#content").val());

if(vals != ''){

$.ajax({

type : "POST",

url : root + "/duty/dutyadd",

data :{'content':vals},

success:function(data){

console.log(file_value);

$("#result").html(data);

}

});

}else{

alert('内容不能为空');

}

});

$("#upload_file").change(function(){

if($("#upload_file").val() != ''){

var root = $("p#root").text(); //获取路径

var root2 = $("p#root2").text(); //获取路径

var formData = new FormData($("#uploadForm")[0]);

$.ajax({

url: root + "/duty/fileup",

type: 'POST',

data: formData,

async: true,

cache: false,

contentType: false,

processData: false,

success: function (returndata) {

file_value[returndata.name] = returndata.url;

$("#uploadForm").prepend(''+ returndata.name + ''+"

");

}

});

};

});

附件上传是ajax异步提交，然互生成超链接。

$("#uploadForm").prepend(''+ returndata.name + ''+"

");

但是当textarea点击提交的时候，那么如何把超链接的内容也提交呢？

如果是多个上传文件，如何把上传文件函数返回的值提交呢？应该怎么获取比较方便，是不是我思路是错的？

想了好久想不通如何处理这样的？

给个思路也行，我想试试

你在文件上传的时候已经把上传后的结果保存在了 file_value 这个变量中,

那么在你提交 textarea 里的时候时, 在 data :{'content':vals}, 这个地方, 把 file_value 也传递给后台就可以了.

比如: data:{'content':vals, 'files':file_value},

你发的代码中, 没有 file_value 这个变量定义的地方, 所以此处假设你的这两个 ajax 在触发的时候,都可以访问到这个变量, 且是同一个.

如果是要提交的内容，自然是要放在input里面