JS图像上传失败OSX Localhost

I have a site that has a basic image upload. It is executed by JS code. I can post the code here, but it is quite extensive; so I refrain for now. When I try to upload, it works normally and the progress bar runs an appropriate amount of time. However, when I inspect the entries in the MySQL DB's "photos" table, I find that the entries are created there, but most of their fields are NULL. In particular, fields containing the file path and temporary file path are empty.

Does this sound like a permission problem? I am running a basic Mac setup with out-of-the-box Apache and services. I also have some virtual hosts configured but am unsure of whether the affect anything. What else can be causing this?

Edit: Here is the HTML of the form that has user controls for the upload.

<div class="fileUploadForm" id="fileUploadForm-Device">

<div>

    <h3>Upload Photos</h3>

     <p id="deviceFilesDropZone"><span id="drag-drop-text">DRAG AND DROP YOUR PHOTOS HERE</span> <br /><span id="deviceFilesInfo" style="display: none;">0 photos</span><br /><span class="btn" style="display: inline-block; margin-top: 15px;">Browse Photos</span></p>

    <div style="display: none;">
    <div class="uploadLoadingBar" id="uploadLoadingBar"><div class="bar"></div><p id="uploadProgressText"></p></div>
    </div>

    <p style="display: none;"><input id="filePicker" type="file" accept="image/*" name="filePicker" multiple /></p>

    <hr />

    </div>
</div>

There is also the following declaration in the <script> section right below:

var target = document.getElementById("deviceFilesDropZone");

var deviceFiles = new Array();
var totalDeviceFileSize = 0;
var totalDeviceBytesUploaded = 0;
var deviceUploadStartTime = Math.round(new Date().getTime()/1000);
var currentTempStatusIndex  = 0;
target.enctype = "multipart/form-data";

As you can see, I tried adding the set for enctype and the same problem still persists.

Make sure that your form has the attribute enctype="multipart/form-data"

It sounds like that is the cause