当前位置:Gxlcms > PHP教程 > 文件上传+textarea提交的问题?

文件上传+textarea提交的问题?

时间:2021-07-01 10:21:17 帮助过:7人阅读

  1. <code><textarea id="content" class="form-control" rows="3" style="width:333px; height:200px; max-width: 333px; max-height: 200px;"></textarea>
  2. </code>
  1. <code> $("#duty_add").click(function(){
  2. var root = $("p#root").text();
  3. var vals = $.trim($("#content").val());
  4. if(vals != ''){
  5. $.ajax({
  6. type : "POST",
  7. url : root + "/duty/dutyadd",
  8. data :{'content':vals},
  9. success:function(data){
  10. console.log(file_value);
  11. $("#result").html(data);
  12. }
  13. });
  14. }else{
  15. alert('内容不能为空');
  16. }
  17. });
  18. $("#upload_file").change(function(){
  19. if($("#upload_file").val() != ''){
  20. var root = $("p#root").text(); //获取路径
  21. var root2 = $("p#root2").text(); //获取路径
  22. var formData = new FormData($("#uploadForm")[0]);
  23. $.ajax({
  24. url: root + "/duty/fileup",
  25. type: 'POST',
  26. data: formData,
  27. async: true,
  28. cache: false,
  29. contentType: false,
  30. processData: false,
  31. success: function (returndata) {
  32. file_value[returndata.name] = returndata.url;
  33. $("#uploadForm").prepend(''+ returndata.name + ''+"<br>");
  34. }
  35. });
  36. };
  37. });</code>

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

  1. <code>$("#uploadForm").prepend(''+ returndata.name + ''+"<br>");</code>

但是当textarea点击提交的时候,那么如何把超链接的内容也提交呢?
如果是多个上传文件,如何把上传文件函数返回的值提交呢?应该怎么获取比较方便,是不是我思路是错的?
想了好久想不通如何处理这样的?
给个思路也行,我想试试

回复内容:

  1. <code><textarea id="content" class="form-control" rows="3" style="width:333px; height:200px; max-width: 333px; max-height: 200px;"></textarea>
  2. </code>
  1. <code> $("#duty_add").click(function(){
  2. var root = $("p#root").text();
  3. var vals = $.trim($("#content").val());
  4. if(vals != ''){
  5. $.ajax({
  6. type : "POST",
  7. url : root + "/duty/dutyadd",
  8. data :{'content':vals},
  9. success:function(data){
  10. console.log(file_value);
  11. $("#result").html(data);
  12. }
  13. });
  14. }else{
  15. alert('内容不能为空');
  16. }
  17. });
  18. $("#upload_file").change(function(){
  19. if($("#upload_file").val() != ''){
  20. var root = $("p#root").text(); //获取路径
  21. var root2 = $("p#root2").text(); //获取路径
  22. var formData = new FormData($("#uploadForm")[0]);
  23. $.ajax({
  24. url: root + "/duty/fileup",
  25. type: 'POST',
  26. data: formData,
  27. async: true,
  28. cache: false,
  29. contentType: false,
  30. processData: false,
  31. success: function (returndata) {
  32. file_value[returndata.name] = returndata.url;
  33. $("#uploadForm").prepend(''+ returndata.name + ''+"<br>");
  34. }
  35. });
  36. };
  37. });</code>

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

  1. <code>$("#uploadForm").prepend(''+ returndata.name + ''+"<br>");</code>

但是当textarea点击提交的时候,那么如何把超链接的内容也提交呢?
如果是多个上传文件,如何把上传文件函数返回的值提交呢?应该怎么获取比较方便,是不是我思路是错的?
想了好久想不通如何处理这样的?
给个思路也行,我想试试

你在文件上传的时候已经把上传后的结果保存在了 file_value 这个变量中,
那么在你提交 textarea 里的时候时, 在 data :{'content':vals}, 这个地方, 把 file_value 也传递给后台就可以了.
比如: data:{'content':vals, 'files':file_value},

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

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

人气教程排行