Загрузка файлов
<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>