<div class="picture-content" >
<div class="assign-title">选择图片:</div>
<div class="input">
<div style="height:100px;border:1px solid #ccc;align-items: center;display: flex;">
<img src="" alt="" class="img1">
</div>
<div class="fl">
<div class="btn">
<span class="reset1">清空</span>
</div>
</div>
</div>
<div class="input">
<div style="height:100px;border:1px solid #ccc;align-items: center;display: flex;">
<img src="" alt="" class="img1">
</div>
<div class="fl">
<div class="btn">
<span class="reset1">清空</span>
</div>
</div>
</div>
<div class="input">
<div style="height:100px;border:1px solid #ccc;align-items: center;display: flex;">
<img src="" alt="" class="img1">
</div>
<div class="fl">
<div class="btn">
<span class="reset1">清空</span>
</div>
</div>
</div>
<div class="input">
<div style="height:100px;border:1px solid #ccc;align-items: center;display: flex;">
<img src="" alt="" class="img1">
</div>
<div class="fl">
<div class="btn">
<span class="reset1">清空</span>
</div>
</div>
</div>
<div class="input">
<div style="height:100px;border:1px solid #ccc;align-items: center;display: flex;">
<img src="" alt="" class="img1">
</div>
<div class="fl">
<div class="btn">
<span class="reset1">清空</span>
</div>
</div>
</div>
<input type="file" class="file" style='display:none;'>
<button class="select-img" type="button">上传</button>
<input type="hidden" name="pic_praise1[]" class="pic_praise" value="">
<input type="hidden" name="pic_praise2[]" class="pic_praise" value="">
<input type="hidden" name="pic_praise3[]" class="pic_praise" value="">
<input type="hidden" name="pic_praise4[]" class="pic_praise" value="">
<input type="hidden" name="pic_praise5[]" class="pic_praise" value="">
</div>
var select-img = function () {
$(this).click(function () {
var status = 0;
$(this).siblings('.input').find('img').each(function () {
if ($(this).attr('src') == '') {
status = 1;
}
})
if (status == 0) {
alert('最多添加五张图片');
return false;
}
$(this).siblings('.file').click();
})
$(this).siblings('.file').change(function () {
var This = $(this);
var formData = new FormData();
formData.append('files', $(this)[0].files[0]);
$.ajax({
url: "<?= Url::toRoute(['task/praise_pic'])?>",
type: 'post',
data: formData,
contentType: false,
processData: false,
success: function (data) {
This.siblings('.input').find('img').each(function () {
if ($(this).attr('src') == '') {
$(this).attr('src', data);
return false;
}
});
This.siblings('.pic_praise').each(function () {
if ($(this).val() == '') {
$(this).val(data);
return false;
}
});
This.val('');
}
})
})
};
删除图片:
var delPic = function () {
$(this).click(function () {
var This = $(this);
$(this).parents('.input').siblings('.pic_praise').each(function () {
if ($(this).val() == This.parents('.input').find('img').attr('src')) {
$(this).val('');
}
});
$(this).parents('.input').find('img').attr('src', '');
})
};
PHP 代码:
if ($_FILES["files"]["error"]) {
echo $_FILES["files"]["error"];
} else {
//没有出错
//加限制条件
//判断上传文件类型为png或jpg且大小不超过1024000B
if (($_FILES["files"]["type"] == "image/png" || $_FILES["files"]["type"] == "image/jpeg") && $_FILES["files"]["size"] < 1024000) {
//防止文件名重复
$filename = $_SERVER['DOCUMENT_ROOT'] . "/uploads/image/" . date('Y', time()) . date('m', time());
if (file_exists($filename)) {
$file_name = $filename . '/' . date('d', time());
$fileName = $file_name . '/' . date('Y', time()) . date('m', time()) . date('d', time()) . date('H', time()) . date('i', time()) . date('s', time()) . "_" . substr(microtime(true), -3) . '.jpg';
$res = substr($fileName, strripos($fileName, "/uploads"));
$result = "http://pintaogou.huituhb.com" . $res;
//判断文件是否存在
if (file_exists($file_name)) {
$res = move_uploaded_file($_FILES["files"]["tmp_name"], $fileName);
} else {
mkdir($file_name, 755, true);
$res = move_uploaded_file($_FILES["files"]["tmp_name"], $fileName);
}
} else {
mkdir($filename, 755, true);
$file_name = $filename . '/' . date('d', time());
$fileName = $file_name . '/' . date('Y', time()) . date('m', time()) . date('d', time()) . date('H', time()) . date('i', time()) . date('s', time()) . "_" . substr(microtime(true), -3) . '.jpg';
$res = substr($fileName, strripos($fileName, "/uploads"));
$result = "http://pintaogou.huituhb.com" . $res;
if (file_exists($file_name)) {
$res = move_uploaded_file($_FILES["files"]["tmp_name"], $fileName);
} else {
mkdir($file_name, 755, true);
$res = move_uploaded_file($_FILES["files"]["tmp_name"], $fileName);
}
}
if ($res) {
echo $result;
}
}elseif($_FILES["files"]["type"] == "video/mp4" && $_FILES["videoup"]["size"] < 1024000){
$filename = $_SERVER['DOCUMENT_ROOT'] . "/uploads/video/" . date('Y', time()) . date('m', time());
if (file_exists($filename)) {
$file_name = $filename . '/' . date('d', time());
$fileName = $file_name . '/' . date('Y', time()) . date('m', time()) . date('d', time()) . date('H', time()) . date('i', time()) . date('s', time()) . "_" . substr(microtime(true), -3) . '.mp4';
$videores = substr($fileName, strripos($fileName, "/uploads"));
$videoresult = $videores;
if (file_exists($file_name)) {
$res = move_uploaded_file($_FILES["files"]["tmp_name"], $fileName);
} else {
mkdir($file_name, 755, true);
$res = move_uploaded_file($_FILES["files"]["tmp_name"], $fileName);
}
} else {
mkdir($filename, 755, true);
$file_name = $filename . '/' . date('d', time());
$fileName = $file_name . '/' . date('Y', time()) . date('m', time()) . date('d', time()) . date('H', time()) . date('i', time()) . date('s', time()) . "_" . substr(microtime(true), -3) . '.mp4';
$videores = substr($fileName, strripos($fileName, "/uploads"));
$videoresult = $videores;
if (file_exists($file_name)) {
$res = move_uploaded_file($_FILES["files"]["tmp_name"], $fileName);
} else {
mkdir($file_name, 755, true);
$res = move_uploaded_file($_FILES["files"]["tmp_name"], $fileName);
}
}
if ($res) {
echo $videoresult;
}
}else {
echo "文件类型不对";
}
}