Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript更改值时，使文本不通过元素_Javascript_Html_Jquery_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • 使用javascript更改值时，使文本不通过元素

使用javascript更改值时，使文本不通过元素

javascript html jquery css

使用javascript更改值时，使文本不通过元素,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我想在多输入文件类型中进行文本预览。我已经做到了，但是如果文件太大，文本将通过元素。我试着把它包起来，但没用。当文件太多时，如何进行文本裁剪 HTML <div class="form-group row"> <div class="col-sm-9 buat-input-div"> <label class="custom-file-label">Pilih File</labe

我想在多输入文件类型中进行文本预览。我已经做到了，但是如果文件太大，文本将通过元素。我试着把它包起来，但没用。当文件太多时，如何进行文本裁剪

HTML

<div class="form-group row">
  <div class="col-sm-9 buat-input-div">
    <label class="custom-file-label">Pilih File</label>
    <input multiple type="file" class="form-control buat-input buat-input-file custom-file-input custom-file-input-multiple" name="filename"  required>
  </div>
</div>


Pilih文件
Javascript

$(".custom-file-input-multiple").on("change", function() {
  var files = $(".custom-file-input-multiple")[0].files;
  var nama = '';
  for (var i = 0; i < files.length; i++)
  {
    nama += ' ,'+files[i].name;
  }
  $(this).siblings(".custom-file-label").addClass("selected").html(nama);
});

$（“.custom file input multiple”）.on（“更改”，函数（）{
var files=$（“.custom file input multiple”）[0]。文件；
var nama=“”；
对于（var i=0；i
使用css溢出属性隐藏边界框外的元素 使用引导类溢出隐藏

文件
演示：