Php 在文本框中插入文件名

如何使用此--> 或现有文本输入中的valums.com/ajax-upload/？
（我正在使用php）

文本框示例

---

您必须让实际的上载处理PHP页面响应上载文件的文件名

在fengcool的ajax中，它在startUpload（）函数中提供：

var response = $(myFrame.contentWindow.document.body).text();

您可以在需要放置文件名的任何位置使用该“response”变量

它实际上是作为变量“image”传递给addUpload（）函数的，您可以对其进行修改以填充文本框，大致如下所示：

function addUpload(id,img){
   var div = $(document.createElement('div')).attr('id',id);

   //add uploaded image
   div.html("<img src='"+img+"'><br />");
   document.getElementById("uploaded_image_name").value=img

   //add text box
   var fileName = img.substring(img.lastIndexOf("/")+1);
   var txtbx = $(document.createElement('input')).attr('name','img[]').attr('type','text').val(fileName);
   /* you may want to change textbox to a hidden field in production */
   //var txtbx = $(document.createElement('input')).attr('name','img[]').attr('type','hidden').val(fileName);
   txtbx.appendTo(div);


   //add remove thumbnail link
   var rem = $(document.createElement('a'))
                               .attr('alt',id)
                               .attr('href','javascript:;')
                               .text("Remove").click(removeUpload);      
   rem.appendTo(div);

   //add to the page
   div.appendTo("#uploaded_thumb");
}

document.getElementById（“图像”）.value=image

不过，您可能应该以不太通用的方式命名

，以避免混淆

更新，要执行的操作：

1） 以更独特的方式命名文本框，例如：

<input id="uploaded_image_name" type="text" value="" />

//还要注意，我使用了“id”而不是“name”，以便能够使用Javascript函数getElementById（）

2） 使用fengcool的ajax，并将函数addUpload（）更改如下：

function addUpload(id,img){
   var div = $(document.createElement('div')).attr('id',id);

   //add uploaded image
   div.html("<img src='"+img+"'><br />");
   document.getElementById("uploaded_image_name").value=img

   //add text box
   var fileName = img.substring(img.lastIndexOf("/")+1);
   var txtbx = $(document.createElement('input')).attr('name','img[]').attr('type','text').val(fileName);
   /* you may want to change textbox to a hidden field in production */
   //var txtbx = $(document.createElement('input')).attr('name','img[]').attr('type','hidden').val(fileName);
   txtbx.appendTo(div);


   //add remove thumbnail link
   var rem = $(document.createElement('a'))
                               .attr('alt',id)
                               .attr('href','javascript:;')
                               .text("Remove").click(removeUpload);      
   rem.appendTo(div);

   //add to the page
   div.appendTo("#uploaded_thumb");
}

函数addUpload（id，img）{
var div=$（document.createElement（'div'））.attr（'id'，id）；
//添加上传的图像
div.html（“
”）；
document.getElementById（“上传的图片名称”）.value=img
//添加文本框
var fileName=img.substring（img.lastIndexOf（“/”）+1）；
var txtbx=$（document.createElement（'input'））.attr（'name'，'img[]）.attr（'type'，'text'）.val（fileName）；
/*您可能希望将文本框更改为生产中的隐藏字段*/
//var txtbx=$（document.createElement（'input'））.attr（'name'，'img[]）.attr（'type'，'hidden'）.val（fileName）；
txtbx.附录（分部）；
//添加删除缩略图链接
var rem=$（document.createElement（'a'））
.attr（'alt'，id）
.attr（'href'，'javascript:；'）
.text（“删除”）。单击（删除上载）；
rem.appendTo（div）；
//添加到页面
附件部分（“上传的拇指”）；
}

---

请注意，唯一的更改是在函数中添加了第四个命令

谢谢你的回答，请原谅我是这里的新手，但是“可变图像”是指这个

函数addUpload（id，img）

？所以我的文本框必须与脚本创建的文本框具有相同的id？我到底把document.getElementById放在哪里了？