try resolving path issues

app.py

@@ -94,31 +94,54 @@ def index():
 
 @app.route('/process', methods=['POST'])
 def process():
-    image_data = None
-    if 'image' in request.files:
-        image = request.files['image'].read()
-        image_data = image
-    elif 'image_url' in request.form:
-        image_url = request.form['image_url']
-        if image_url.startswith('/static/'):
-            image_path = os.path.join(app.static_folder, image_url[len('/static/'):])
-            if os.path.exists(image_path):
-                with open(image_path, 'rb') as f:
-                    image_data = f.read()
-            else:
-                return jsonify({'error': f'Image file not found at {image_path}'}), 404
-
-    if not image_data:
-        return jsonify({'error': 'No image provided'}), 400
+    try:
+        image_data = None
+        if 'image' in request.files:
+            image = request.files['image'].read()
+            image_data = image
+        elif 'image_url' in request.form:
+            image_url = request.form['image_url']
+            if image_url.startswith('/static/'):
+                # Get relative path within static folder
+                rel_path = image_url[len('/static/'):]
+                image_path = os.path.join(app.static_folder, rel_path)
+                
+                # Debug info
+                app.logger.info(f"Trying to access image at: {image_path}")
+                app.logger.info(f"File exists: {os.path.exists(image_path)}")
+                
+                if os.path.exists(image_path):
+                    with open(image_path, 'rb') as f:
+                        image_data = f.read()
+                else:
+                    # Try alternative path resolution
+                    alt_path = os.path.join(os.getcwd(), 'static', rel_path)
+                    app.logger.info(f"Trying alternative path: {alt_path}")
+                    app.logger.info(f"File exists: {os.path.exists(alt_path)}")
+                    
+                    if os.path.exists(alt_path):
+                        with open(alt_path, 'rb') as f:
+                            image_data = f.read()
+                    else:
+                        return jsonify({
+                            'error': f'Image file not found. Tried paths: {image_path}, {alt_path}'
+                        }), 404
 
-    r_value = int(request.form.get('r_value', 1))
+        if not image_data:
+            return jsonify({'error': 'No image provided'}), 400
 
-    try:
+        r_value = int(request.form.get('r_value', 1))
         result = process_image(image_data, r_value)
-        print(result['processed_image'])
         return jsonify(result)
+    
     except Exception as e:
-        return jsonify({'error': str(e)}), 400
+        import traceback
+        app.logger.error(f"Error processing image: {str(e)}")
+        app.logger.error(traceback.format_exc())
+        return jsonify({
+            'error': f'Error processing image: {str(e)}',
+            'traceback': traceback.format_exc()
+        }), 500
     
 if __name__ == '__main__':
     app.run(debug=True)

templates/index.html

@@ -293,14 +293,38 @@
             formData.append('r_value', rValue.value);
             try {
                 const response = await fetch('/process', {method: 'POST', body: formData});
-                const data = await response.json();
+                
+                // Check if response is ok (status 200-299)
+                if (!response.ok) {
+                    const text = await response.text();
+                    console.error('Server response error:', response.status, text);
+                    throw new Error(`Server error: ${response.status}. Check console for details.`);
+                }
+                
+                // Try parsing the response as JSON
+                let data;
+                try {
+                    data = await response.json();
+                } catch (parseError) {
+                    console.error('JSON parse error:', parseError);
+                    const text = await response.text();
+                    console.error('Raw response:', text);
+                    throw new Error('Failed to parse server response as JSON');
+                }
+                
+                // Check for error in JSON response
                 if (data.error) {
-                    alert('Error: ' + data.error);
-                    return;
+                    console.error('API error:', data.error);
+                    if (data.traceback) console.error('Traceback:', data.traceback);
+                    throw new Error(data.error);
                 }
+                
+                // Process successful response
                 processedImage.src = 'data:image/png;base64,' + data.processed_image;
                 maxR = data.max_r;
                 rValue.max = maxR;
+                
+                // Update storage information
                 document.getElementById('originalStorage').innerHTML = `
                     <div class="storage-row">
                         <span>Storage (bytes):</span>
@@ -328,6 +352,7 @@
                 document.getElementById('processedInfo').textContent =
                     `Using ${rValue.value} of ${maxR} singular values`;
             } catch (error) {
+                console.error('Error details:', error);
                 alert('Error processing image: ' + error.message);
             } finally {
                 loading.style.display = 'none';