我目前有一个用于上传图像文件的PHP脚本,但我正在尝试查找或创建一个简单的jquery进度条来上传.
有谁知道我可以用来做这个的脚本?我不想替换我的整个上传机制,因为它工作得非常好.我只想向用户显示上传状态.
有关如何从PHP获取当前状态并将其传递给jquery的任何建议?
我正在尝试使用 jquery 和 PHP 上传图像,如下所示:
HTML
<form id="form-photo" enctype="multipart/form-data"><
<span class="btn btn-small fileinput-button">
<span>Add Photo</span>
<input type="file" name="photo-img" id="photo-img">
</span>
</form>
Run Code Online (Sandbox Code Playgroud)
当前的 jquery 框架如下所示:
$('#photo-img').change(function(){
var file = this.files[0];
//console.log(file);
name = file.name;
size = file.size;
type = file.type;
// I'll do some validation here before proceeding
var formData = new FormData($('#form-photo'));
console.log(formData);
// How do I pass the image form data to a PHP function via jquery?
});
Run Code Online (Sandbox Code Playgroud)
我可以通过 jquery post 将 formData 传递给 PHP 函数吗?
我正在使用jcrop裁剪我的照片,并需要发送当前值以及我的表单提交.是否有捷径可寻?
JavaScript变量是这样的:
c = coords;
$.param(c)
Run Code Online (Sandbox Code Playgroud)
我能以某种方式将其作为隐藏字段包含在我的PHP表单中吗?
<input type="hidden" name="coords" value=" ??? " />
Run Code Online (Sandbox Code Playgroud) 我在我的PHP表单中传递了一个javascript变量,它以下面的格式传递:
<form onsubmit='$("#crop_cords").val($.param(c).toString()); return true;' id="process_image_form" action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
crop_cords='x=50&y=50&x2=400&y2=400&w=350&h=350'
Run Code Online (Sandbox Code Playgroud)
有没有更好的方法来解析服务器端crop_cords的值,还是需要使用拆分和/或爆炸?我希望找到一个更清洁的解决方案.结果应如下所示:
x=50
y=50
x2=400
y2=400
w=350
h=350
Run Code Online (Sandbox Code Playgroud) 我正在尝试将已定义的代码与一组被阻止的国家/地区代码进行比较.在以下示例中,国家/地区代码被我的if块捕获:
$country_code = 'US';
if ($country_code == ("NG" || "RO" || "VN" || "GH" || "SN" || "TN" || "IN" || "ID" || "KE" || "CN" || "CI" || "ZA" || "DZ" || "RU")) {
print "COUNTRY CODE: $country_code<br>";
}
Run Code Online (Sandbox Code Playgroud)
我看到这个结果"
COUNTRY CODE: US
Run Code Online (Sandbox Code Playgroud)
我不希望"美国"被抓住......我错过了什么?
我正在使用优秀的jquery-file-upload图像上传器,但需要在子文件夹中存储不同用户的图像.我可以通过将文件夹的名称作为$_POSTarg发送到upload.class.php或将名称作为$_SESSIONarg 检索来实现.
安全性有偏好吗?
我试图显示预设的图像拇指而不拉伸或缩小图像.我的HTML看起来像这样:
<div class="container">
<img src="photo.jpg" alt="Test Photo" class="clipped" />
</div>
Run Code Online (Sandbox Code Playgroud)
我的CSS:
.container{
height: 75px;
width: 75px;
overflow: hidden;
}
.container img.clipped {
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

我希望看到图像的中心在75 x 75像素的容器中,如下图所示,即垂直居中.

知道我错过了什么吗?
我有几个列表元素,如下所示:
<li><a href="#" id="list1">List 1 Values</a></li>
<li><a href="#" id="list2">List 2 Values</a></li>
Run Code Online (Sandbox Code Playgroud)
我目前的解决方案是替换整个html字符串,如下所示:
$('#list1').html('List 1 Values<span>150</span>');
Run Code Online (Sandbox Code Playgroud)
是否有更好的方法在列表项中添加/删除span标记?
我创造了这个小提琴来展示我的问题.
我在用户点击评级后设置了所选值,但想要在用户再次悬停时删除所选值.
如果他们远离星区,我想选择原始值(如果已选中).
这将允许他们选择另一个评级,但如果他们鼠标移出则显示之前选择的评级.
这是我对jquery的尝试:
$('.star').click(function(e) {
e.preventDefault();
var rating = this.firstChild.data;
if (rating > 0) {
$('.star.star_'+rating).addClass('hovered');
// Trying to remove class if hovered but replace selected value when I mouse out
/*
$('.star_container').hover(function() {
$('.star.star_'+rating).removeClass('hovered');
});
*/
}
});
Run Code Online (Sandbox Code Playgroud)
我能以任何方式完成这项任务吗
我有一个表结构,它有一个主键,然后有一个基于名为 user_idx_name 的两列的复合索引。如果我使用ON DUPLICATE KEY UPDATE,它会查看主键、user_idx_name键还是两者?
我的表结构如下所示:
Keyname Type Unique Packed Column Cardinality Collation Null Comment
PRIMARY BTREE Yes No id 67420 A
user_idx_name BTREE Yes No user_id 67420 A
file_name 67420 A
INSERT INTO table1
(`col1`, `col2`, `col3`, `col4`)
VALUES
('val1', 'val2', 'val3', 'val4')
ON DUPLICATE KEY UPDATE
`col2`='val2',
`col3`='val3', [...]
Run Code Online (Sandbox Code Playgroud)
我是否需要指定名为 user_idx_name 的索引键?
php ×7
jquery ×5
css ×2
javascript ×2
ajax ×1
html ×1
image ×1
mysql ×1
progress-bar ×1
security ×1