大佬教程收集整理的这篇文章主要介绍了javascript – 上传之前获取图像的文件名–JQuery，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<div class="col-sm-4">
<input id="file_input" type="file" style="visibility: hidden; width: 0; height: 0" name="image[photo_new]" accept="image/*">
</div>
<div class="col-lg-8">
<div class="form-group row">
<label class="col-sm-3 control-label" for="title">
<label for="image_title">title</label>
</label>
<div class="col-sm-9">
<input id="title" class="form-control" type="text" placeholder="title" name="image[title]" maxlength="200">
</div>
</div>
</div>
我想当用户点击#input_file区域选择图片,然后在选择文件后,文件名将立即显示在#title字段中.例如,name.png应该是name.我想用JQuery来做这个功能,但不知道如何,任何建议？预先感谢.
$('#file_input').change(function() {
//$('#title').val(this.value ? this.value.match(/([\w-_]+)(?=\.)/)[0] : '');
$('#title').val(this.files && this.files.length ? this.files[0].name.split('.')[0] : '');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="file_input" type="file" /> <input id="title" />
以上是大佬教程为你收集整理的javascript – 上传之前获取图像的文件名–JQuery全部内容，希望文章能够帮你解决javascript – 上传之前获取图像的文件名–JQuery所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。