【发布时间】:2013-01-29 20:31:12
【问题描述】:
我找到了这个代码来上传个人资料图片,
一切都很好。但我想设置一个名称 file = user_id
我如何将输入的隐藏 user_id 值传递给 php 上传文件进程?
var uploadURL = "processupload.php";
$(document).ready(function(){
$('a#uploadFile').file();
$('a#delete').click(function(){
$('input#profileImageFile').val("");
$('img#profileImage').attr("src","/images/styles/profileBlank.jpg");
$('div#messageBox').html("Image deleted !");
$('div#messageBox').attr("class","success");
$('a#delete').hide();
});
$('input#uploadFile').file().choose(function(e, input) {
input.upload(uploadURL, function(res) {
if (res=="invalid"){
$('div#messageBox').attr("class","error");
$('div#messageBox').html("Invalid extension !");
}else{
$('div#messageBox').attr("class","success");
$('div#messageBox').html("Imagen cargada !");
$('img#profileImage').attr("src","/images/avatars/"+res);
$('input#profileImageFile').val(res);
$('a#delete').show();
$(this).remove();
}
}, '');
});
});
html
<div class="imageContainer">
<img alt="" src="/images/avatars/<?php echo $row_rs_user['user_image']; ?>" width="150" height="150" id="profileImage">
<a href="#" id="uploadFile" title="Upload"><img alt="" src="/images/styles/upload.jpg"></a>
<a href="#" id="delete" title="Delete" style="display:none;position:relative;z-index:999999;"><img alt="" src="/images/styles/delete.jpg"></a>
<input type="hidden" name="user_id" value="<?php echo $row_rs_user['user_id']; ?>">
<div id="messageBox"></div>
</div>
PHP上传过程
if(isset($_POST))
{
.
.
.
.
【问题讨论】:
-
通过 POST 发送 user_id 不是一个好主意。只需使用会话中的用户 ID(我猜用户必须登录才能拥有 user_id?),这样更安全。
-
好主意...问题解决了。谢谢
标签: php jquery image profile image-uploading