Question

我想尝试使用php和mysql上传图片。我正在使用表单使用ajax发送数据。

我的Html代码：

<input type="file" name="logo" id="logo" class="styled">
<textarea rows="5" cols="5" name="desc" id="desc" class="form-control"></textarea>
<input type="submit" value="Add" id="btnSubmit" class="btn btn-primary">

Ajax代码：

var formData = new FormData($("#frm_data")[0]);
$("#btnSubmit").attr('value', 'Please Wait...');
$.ajax({
    url: 'submit_job.php',  
    data: formData,
    cache: false,
    contentType:false,
    processData:false,
    type: 'post',
    success: function(response)

我的php代码（ submit_job.php ）：

$desc =  mysqli_real_escape_string($con, $_POST['desc']);
$date = date('Y-m-d H:i:s');
$target_dir = "jobimg/";
$target_file = $target_dir . basename($_FILES["logo"]["name"]);
move_uploaded_file($_FILES["logo"]["tmp_name"], $target_file);

Answer 1

试试这个：

Jquery的：

print (df)
   A  B  C   D
0  a  b  c NaN
2  x  y  z NaN
5  y  e  t NaN

list1 = [{'a':1,'b':2},{'c':1,'d':2}]
df['D'] = pd.Series(list1[:len(df.index)], index=df.index[:len(list1)])
print (df)
   A  B  C                 D
0  a  b  c  {'b': 2, 'a': 1}
2  x  y  z  {'d': 2, 'c': 1}
5  y  e  t               NaN

腓：

print (df)
   A  B  C   D
0  a  b  c NaN
2  x  y  z NaN
5  y  e  t NaN

list1 = [{'a':1,'b':2},{'c':1,'d':2}, {'a':1,'b':2},{'c':1,'d':2}]
df['D'] = pd.Series(list1[:len(df.index)], index=df.index[:len(list1)])
print (df)
   A  B  C                 D
0  a  b  c  {'b': 2, 'a': 1}
2  x  y  z  {'d': 2, 'c': 1}
5  y  e  t  {'b': 2, 'a': 1}

Answer 2

<script type="text/javascript">
    $(document).ready(function () {
        $("form").submit(function (event) {
           event.preventDefault();
            var formdata = new FormData($('form')[0]);
            var url = $("form").attr('action');
            $.ajax({
                url: url,
                type: "POST",
                data: formdata,
                dataType: "json",
                processData: false,
                contentType: false,
                success: function (data) {
                    console.log(data);
                }
            });
        });
    });
</script>

Answer 3

安全性是Web设计中的主要部分。尝试进行以下验证以提高安全性。

检查$ _FILES中的文件

if (empty($_FILES['image']))
    throw new Exception('Image file is missing');

检查上传时间错误

if ($image['error'] !== 0) {
    if ($image['error'] === 1) 
        throw new Exception('Max upload size exceeded');

    throw new Exception('Image uploading error: INI Error');
}

检查上传的文件

if (!file_exists($image['tmp_name']))
    throw new Exception('Image file is missing in the server');

检查文件大小

$maxFileSize = 2 * 10e6; // = 2 000 000 bytes = 2MB
if ($image['size'] > $maxFileSize)
    throw new Exception('Max size limit exceeded');

验证图像

$imageData = getimagesize($image['tmp_name']);
if (!$imageData) 
    throw new Exception('Invalid image');

验证Mime类型

$mimeType = $imageData['mime'];
$allowedMimeTypes = ['image/jpeg', 'image/png', 'image/gif'];
if (!in_array($mimeType, $allowedMimeTypes)) 
    throw new Exception('Only JPEG, PNG and GIFs are allowed');

希望这可以帮助其他人创建一个上传PHP脚本而不会出现安全问题。

Source

使用ajax mysql php上传图片

3 个答案: