سوال: سه سوال برای input از نوع file [بایگانی]

ab.ali

شنبه 04 مرداد 1393, 13:37 عصر

با سلام، سه تا سوال دارم :
1. توی برخی از سایت های آپلود اگر دیده باشین، یک دکمه داره که وقتی روش کلیک می کنیم، به ازای هر کلیک یک input اضفاه می کنه، تابع js ای که این کار رو می کنه، یعنی یک تگ اضافه می کنه، چیه؟
2. حالا پاک کردن تگ چطوریه؟
3. چطور می شه تگ input از نوع file رو دکمش با متن داخلش رو تغییر داد؟

دانیال دزفولی

شنبه 04 مرداد 1393, 13:40 عصر

سلام
با append

input type file cosumize رو سرچ کن

mohamad_torabi

شنبه 04 مرداد 1393, 14:04 عصر

با سلام، سه تا سوال دارم :
1. توی برخی از سایت های آپلود اگر دیده باشین، یک دکمه داره که وقتی روش کلیک می کنیم، به ازای هر کلیک یک input اضفاه می کنه، تابع js ای که این کار رو می کنه، یعنی یک تگ اضافه می کنه، چیه؟
2. حالا پاک کردن تگ چطوریه؟
3. چطور می شه تگ input از نوع file رو دکمش با متن داخلش رو تغییر داد؟
سلام
سوال سومیتون منظورتون اینه؟
http://stackoverflow.com/questions/5813344/how-to-customize-input-type-file

qartalonline

دوشنبه 06 مرداد 1393, 11:29 صبح

برای سوال 1 و 2 ساده ترین شکلش بصورت زیر میشه.

<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta charset="UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function() {

$(document).on('click', '.add', function (){
$('#file').append('<input type="file">');
});

$(document).on('click', '.remove', function (){
$('#file :file:last').remove();
});

});
</script>
</head>
<body>

<div id="file">
<input type="file">
</div>
<button class="add">add</button>
<button class="remove">remove</button>

</body>
</html>

برای سوال سوم باید با جاوا اسکریپت کار کنید ترفندهای خاصی داره.
برای راحتی میتونید از پلاگین های آماده استفاده کنید.
http://gregpike.net/demos/bootstrap-file-input/demo.html

ab.ali

دوشنبه 06 مرداد 1393, 11:56 صبح

برای سوال 1 و 2 ساده ترین شکلش بصورت زیر میشه.

<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta charset="UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function() {

$(document).on('click', '.add', function (){
$('#file').append('<input type="file">');
});

$(document).on('click', '.remove', function (){
$('#file :file:last').remove();
});

});
</script>
</head>
<body>

<div id="file">
<input type="file">
</div>
<button class="add">add</button>
<button class="remove">remove</button>

</body>
</html>

برای سوال سوم باید با جاوا اسکریپت کار کنید ترفندهای خاصی داره.
برای راحتی میتونید از پلاگین های آماده استفاده کنید.
http://gregpike.net/demos/bootstrap-file-input/demo.html

ممنون، ببخشید در سوال اولم می شه اینطوری نوشت :

$('.add').click(function(e) {

$('#file').append('<input type="file" />');

});

qartalonline

دوشنبه 06 مرداد 1393, 12:06 عصر

بله اینطوری هم میتونید بنویسید.