一、需求
上传图片的时候,将图片的名称自动读取出来写入到name字段对应的input输入框中
二、解决思路
首先写了一个小demo,用jQuery实现自动读取上传图片的名称
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#test2").change(function(){
var file_value = $("#test2").val();
var file_name = file_value.split("\\")[file_value.split("\\").length-1]
$("#test3").val(file_name);
});
});
</script>
</head>
<body>
<input type="file" id="test2">
<p>输入框:<input type="text" id="test3" value=""></p>
</bod