Simindey
4/14/2017 - 3:39 PM

Загрузка файлов

Загрузка файлов

      <div class="inp_block files">
        <p class="label">Фото:</p>
        <span>*</span>
        <div class="block_file">
          <div class="add_file">
            <a href="" class="file_name" target="_blank"></a>
            <span class="delite_file" onclick="delFile(this);">Удалить</span>
            <input type="file" name="file01" id="cur_file01" class="now_file" onchange="loadName(this);">
            <label for="cur_file01">Обзор</label>
            <div class="clone_add_file" onclick="addFile(this);">+</div>
            <div class="clear"></div>
          </div>
        </div>
        <div class="clear"></div>
      </div>
      
<script>
function loadName(element){
	var value_file = $(element).val();
	var name_file = value_file.replace(/\\/g, "/").split('/').pop();;
	$(element).parent().children(".file_name").html(name_file);
	$(element).parent().children(".file_name").attr("href", value_file);;
	$(element).parent().addClass("added");
};
function addFile(element){
	var this_id = $(element).parent().children('input').attr('id');//узнать текущий id
	var next_id = parseInt(this_id.substr(9))+1;//следущий id
	$("#"+this_id).parent().after('<div class="add_file"><a href="" class="file_name" target="_blank"></a><span class="delite_file" onclick="delFile(this);">Удалить</span></span><input type="file" name="cur_file0'+next_id+'" id="cur_file0'+next_id+'" class="now_file" onchange="loadName(this);"><label for="cur_file0'+next_id+'">Файл</label><div class="clone_add_file" onclick="addFile(this);">+</div><div class="clear"></div></div>')//вставляем далее ряд
	$(element).hide();//удаляем кнопку добавить
};
function delFile(element){
	$(element).parent().children("a").hide();
	$(element).parent().children("span").hide();
};

</script>
		<div class="send_message">
				<div class="inp_block add_photo_forum">
					<p class="label">Фото</p>
					<span>*</span>
					<div class="bl_files_forum">
						<output id="file_name_mess"></output>
						<input type="file" multiple="true" name="mess_file[]" id="mess_file" class="add_file_message" onchange="loadNameMess(this);">
						<label for="mess_file" class="btn_pink"><b>+</b> Прикрепить файлы</label>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			
<script>
function loadNameMess(element){
	var mess_file = element.files; // FileList object

  var output = [];
	for (var i = 0, f; f = mess_file[i]; i++) {
		output.push('<li class="fnmi">', escape(f.name), '<span onclick="closeParent(this);"></span></li>');
	}
	document.getElementById('file_name_mess').innerHTML = '<ul>' + output.join('') + '</ul>';

};
</script>